如何使用 jQuery 的 `appendTo()` 和 `prependTo()` 將 DIV 元素移到另一個元素中？

如何將一個元素移到另一個元素

將一個DIV 元素移到另一個元素中可以使用jQuery 函數、appendToery 函數、appendToery 函數、appendTo )或prependTo().

appendTo()函數：

appendTo() 函數採用單一參數，即目標元素的選擇器，並將所選元素追加到目標的末尾。

範例:

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

這將移動id 為「source」的DIV 元素及其在id 為DIV 元素內的所有子元素

prependTo () 函數：

prependTo()函數與appendTo() 類似，但它不是追加到末尾，而是追加所選元素到開頭

範例：

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

這會將id 為「source」的DIV 元素及其所有子元素移動到id 為「destination」的DIV 元素的開頭。

範例：

考慮以下HTML標記：

<div>

以下jQuery 程式碼將移動「來源」DIV 及其在「目標」DIV內的所有內容：

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

產生的HTML將是：

<div>

以上是如何使用 jQuery 的 `appendTo()` 和 `prependTo()` 將 DIV 元素移到另一個元素中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！