jQuery の `appendTo()` と `prependTo()` を使用して DIV 要素を別の要素内に移動するにはどうすればよいですか?

要素を別の要素に移動する方法

ある DIV 要素を別の要素内に移動するには、jQuery 関数 appendTo() またはprependTo().

appendTo()関数:

appendTo() 関数は、宛先要素のセレクターである単一のパラメーターを受け取り、選択された要素を宛先の末尾に追加します。

例:

$("#source").appendTo("#destination");

これにより、ID が「source」の DIV 要素とそのすべての子が ID の DIV 要素内に移動されます"destination".

prependTo() 関数:

prependTo() 関数は appendTo() に似ていますが、最後に追加する代わりに、選択した要素を先頭までdestination.

例:

$("#source").prependTo("#destination");

これにより、ID が「source」の DIV 要素とそのすべての子が、ID が「destination」の DIV 要素の先頭に移動されます。

例:

次の HTML について考えてみましょう。マークアップ:

<div>

次の jQuery コードは、「ソース」 DIV とそのすべてのコンテンツを「宛先」 DIV 内に移動します:

$("#source").appendTo("#destination");

結果の HTML は次のようになります:

<div>

以上がjQuery の `appendTo()` と `prependTo()` を使用して DIV 要素を別の要素内に移動するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。