javascript - 要素から一部の html を削除し、その新しい html をページの別の場所に追加する方法は?

Question

要素からいくつかの html を削除し、その html をページの新しい場所に挿入する必要があります。

私の試み（コメントアウト）が機能していません。

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');

score 0 · Accepted Answer

# を忘れただけ#new-html

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

また、要素を追加すると、元の場所から自動的に削除されるため、削除する必要はありません

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

score 0 · Accepted Answer

次のように実行できます。

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

最初に要素を削除する必要はありません。#ID によってセレクターで使用されます。

<li>また、要素をに追加する<div>と、無効な HTML になることにも注意してください。

デモ

score 0 · Accepted Answer

あなたのコードはほぼ正しかったのですが、 , に対して正しい CSS セレクターを使用したかったのnew-htmlです#new-html。ただし、要素に関連付けられたすべてのデータを保持するため、jQuery のdetach()も使用する必要があります。したがって、これを使用します。

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

3 に答える 3