我有一个关于通过jquery向我的html中的div添加数据的问题。
这是我在html文件中的代码:
这是我的javascript文件:
数据参数是一个包含大量数据的 JSON 对象。
正如您所看到的,我使用了
这是我在html文件中的代码:
<div class="container">
<div class="row">
<div class="span12">
<div class="row">
<div id="errors" class="text-error"></div>
</div>
</div>
</div>
</div>
这是我的javascript文件:
function checkCompletion(data){
// IMPORTANT VALUES
var app_important = ["submit_description", "app_icon", "address", "email"];
var event_important = ["name", "datefrom", "dateto", "description", "email"];
$("#errors").append("<div class='span6'><div class='well'>");
// LOOPS + HEADERS
$("#errors").append("<h3>App</h3>");
doLoop(data.app, app_important);
$("#errors").append("<h3>Events</h3>");
doLoop(data.events, event_important);
}
// ar => app data array
// ar_important => important props app (array)
function doLoop(ar, ar_important) {
$.each(ar, function(value) {
$.each(ar_important, function(i) {
if(ar[value][ar_important[i]] == '') $("#errors").append("<p>" + ar_important[i]+" is missing</p>");
//else $("#errors").append("<p> :) "+ar_important[i]+"</p>");
});
});
$("#errors").append("</div></div>");
}
数据参数是一个包含大量数据的 JSON 对象。
正如您所看到的,我使用了
$("#errors").append("<div class='span6'><div class='well'>");
。
但是 div 标签会自动关闭,因此我的错误信息不在其中。
有人知道我如何解决这个问题并仍然使用 append 吗?
Niels
append()
不会将 HTML 作为文本进行编辑,而是将节点插入到 DOM 中。这应该可以让你清楚为什么你所做的事情不起作用。 - Barmar