2017-01-11 12 views
-4

同じID(全部ではない)を1つだけ追加したい場合は と異なるIDがある場合は「b」のように追加されます。事前に おかげで、誰もが親の中に他のdivを1つだけ追加します

$(document).ready function(e){ 
    var x = "<div>\ 
    <div id="a"></div>\ 
    <div id="a"></div>\ 
    <div id="a"></div>\ 
    <div id="b"></div>\ 
    </div>"; 
$('#parent').append(x); 
}); 

<div id="parent"></div> 
+4

IDは一意である必要がありますし、私は知っているあなたの引用符 – Pete

+0

をエスケープしていないが、この場合は、その後に発生するかどうか解決します。私はIDがユニークであることを知っています –

+0

これは助けになるかもしれません。 https://api.jquery.com/jQuery.unique/ – Pete

答えて

0

を助けている場合は、それはあなたを助けるかもしれません。このコードで確認してください。

$(document).ready (function(e){ 
    var x = "<div><div id='a'>a0</div><div id='a'>a1</div><div 
     id='a'>a2</div><div id='b'>b1</div><div id='b'>b1</div><div 
      id='c'>c1</div><div id='b'>b2</div></div>"; 
    $('#parent').append(x); 
    $('#parent').find("div").each(function() 
    { 
     var id = $(this).attr("id"); 
     var length = $('#parent').find("div#" + id).length; 
     for (var i = 0; i < length; i++) 
     { 
      if (i > 0) 
      { 
       $('#parent').find("div#" + id+":eq("+i+")").remove(); 
      } 
     } 
    }); 
    }); 
関連する問題