ホームページ >ウェブフロントエンド >jsチュートリアル >appendTo() と prependTo() を使用して HTML 要素を移動するにはどうすればよいですか?

appendTo() と prependTo() を使用して HTML 要素を移動するにはどうすればよいですか?

DDD
DDDオリジナル
2024-12-06 08:15:16625ブラウズ

How Can I Use appendTo() and prependTo() to Move HTML Elements?

HTML 内の別の要素内での要素の移動

ある DIV 要素を別の DIV 要素内に移動するには、appendTo または prependTo を使用します。 function.

appendTo:

この関数は、ソース要素を宛先要素の末尾に追加します。

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

prependTo:

この関数は、ソース要素をデスティネーションの先頭に追加します。 element.

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

例:

<div>

JavaScript:

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});

HTML:

<div>

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。