0

次の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"
}];

3番目の要素がまだDOMにないことに注意してください。

JS / JQueryを使用して、取得したリストにDOM / HTMLにない要素が存在するかどうかを確認し、存在する場合は、対応するスパンをDOM/Htmlに挿入します。

JQueryでこれを達成するための最良の方法は何ですか？

4

1 に答える 1

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

ここにフィドルがあります

于 2012-09-19T08:55:32.133 に答える