如何從元素中刪除一些html，並在頁面的另一個地方添加新的html？

Question

我需要從元素中刪除一些html，並將該html插入到頁面上的新位置。

http://jsfiddle.net/QtaDg/

我嘗試（註釋）不工作。

HTML：

<ul> 
    <li>Hello</li> 
    <li class="bye">Bye</li>  
</ul> 

<div id="new-html"></div> 

的jQuery：

$('ul').find('.bye').remove().appendTo('new-html'); 

或

$('ul').find('.bye').remove().clone().appendTo('new-html'); 

Answer 1

你只是忘了在＃#new-html

$('ul').find('.bye').remove().appendTo('#new-html'); 

此外，附加的元素自動從它那裏刪除它，所以沒有必要將其刪除

$('ul').find('.bye').appendTo('#new-html'); 

Answer 2

你可以這樣說：

$('ul').find('.bye').appendTo('#new-html'); 

沒有必要刪除元素第一。並通過id在選擇器中使用#。

另請注意，將<li>元素附加到<div>將導致無效的HTML。

演示

Try before buy

Answer 3

你的代碼幾乎是正確的，但你要使用正確的CSS選擇new-html，#new-html。但是，您還應該使用jQuery的detach()，因爲它將保留與該元素關聯的所有數據。所以，使用此：

$('ul').find('.bye').detach().appendTo('new-html');

和小提琴： http://jsfiddle.net/QtaDg/1/