점검 요소는 DOM에 존재하고 있지 않은 경우,

Question

내가 다음 HTML이 말을 삽입하면 :

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

을 어떻게 든, 내가 JSON에서 식별자 + 내용 목록을 검색했는지한다 다음과 같습니다

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

주의가 세 번째 요소는 DOM 아직 없습니다.

검색된 목록에 DOM/HTML에없는 요소가 있는지 확인하기 위해 JS/JQuery를 사용하고 싶다면 해당 범위를 DOM/HTML에 삽입하십시오.

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