Question

说我有以下html：

<div id="list">
    <span id="one">toto</span> 
    <span id="two">titi</span>
</div>

不知何故，我在json中检索了一个 ID + 内容的列表，如下所示：

var retrievedList = [
{
"id" : "one",
"content" : "toto"
},
{"id" : "two",
 "content" : "titi"
},
{
"id" : "three",
"content" : "tutu"
}];

请注意第三个元素尚未包含在DOM中。

我想使用JS / JQuery来检查检索到的列表中是否存在不在DOM / HTML中的元素，如果是这种情况，请在DOM / Html中插入相应的span

在JQuery中实现这一目标的最佳方法是什么？

Answer 1

$.each(retrievedList, function(i, v) {
    if(!$('#' + v.id).length) {
        $('<span />').prop('id', v.id).text(v.content).appendTo('#list');
    }
});

Here's a fiddle

检查DOM中是否存在元素，如果不存在，则插入它

1 个答案: