jQuery - 新しいdivを追加し、古いものだけを残す

Question

2つの親div（古い& new）があります。クリックして追加すると、新しいリストのdivを "merge"する古いリストを削除し、新しいリストを削除します。 2つのid = "div3"が古いものと新しいものの1つです。それらがマージされているときold> id = "div3"は新しい> id = "div3"を上書きするか、代わりに自身を削除する必要があります。 div idが繰り返される理由は、id = "new"> divsがサーバーから出力され、古いリストに一意のIDが必要なだけなのでです。

<span id="adder">Click 2 Add</span> 

<div id="old"> 
<div id="div1">div1</div> 
<div id="div2">div2</div> 
<div id="div3">div3</div> 
</div> 

<div id="new"> 
<div id="div3">div3</div> 
<div id="div4">div4</div> 
<div id="div5">div5</div> 
</div> 

http://jsfiddle.net/5kDGR/12/

Answer 1

何をしたいということですか？あなたは、同じドキュメント内の重複したIDを持つ要素を含む場合 http://jsfiddle.net/5kDGR/17/

$("#adder").click(function() { 

    var content = $('<div/>'); 
    $('#new div').each (function() 
        { 
         content.append(this); 
        }); 
    $('#old div').each(function() 
    { 
     if (!($(content).find('#' + $(this).attr('id')).length)) 
     { 
      content.prepend(this); 
     } 
    }); 
    $('#old').html(content); 
    $('#new').remove(); 
});