jQuery - 只添加新的divs，让旧的单独独立

Question

我有2个父div（旧的&新），如果我点击单击添加，我试图让新的列表中的div“合并”与旧的列表，并删除新的列表。有2个id =“div3”，一个在旧的，一个在新的。当它们合并时，old> id =“div3”应该覆盖new> id =“div3”它或者只是删除它自己。 div id可能会重复的原因是因为id =“new”> div将从服务器输出，我只想在旧列表中输入唯一的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

这是你想要的吗？ 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(); 
});