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(); 
});