各スパンのデータは、jsonレスポンスからidとcheck idを取得します

Question

私はidをjsonから取得し、次にidにspanが含まれているかどうかを確認してから追加しますが、そうではありません作業は常に加えると、私はあなたのコードが正しいと思いますが、より多くの

のjQuery

e.results.forEach(function(e) { 
    var name = e.name; 
    var id = e.id; 
    if ($(".visitors span").length) { 
     $('.visitors span').each(function() { 
      var data_id = $(this).attr('data-id'); 
      if (data_id != id) { 
       $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>"); 
      } 
     }); 
    } else { 
     $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>"); 
    } 
}); 

Answer 1

を追加することが、提案がされています。代わりにあなたが追加しているスパンをループのスパンであれば、単にチェックdata-idが存在し（CSS Attribute-Equal Selectorを使用）、次のような新しいスパンを追加しない場合：

e.results.forEach(function(e) { 
    var name = e.name; 
    var id = e.id; 

    var $span = $(".visitors span[data-id = '" + id + "']"); // select all the spans that have the data-id equal to id 
    if (!$span.length) { // if there is none 
     $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>"); // then add a new one 
    } 
});