Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memindahkan Elemen DIV Di Dalam Yang Lain Menggunakan `appendTo()` dan `prependTo()` jQuery?

Bagaimana untuk Memindahkan Elemen DIV Di Dalam Yang Lain Menggunakan `appendTo()` dan `prependTo()` jQuery?

Barbara Streisand
Lepaskan: 2024-11-28 20:14:13
asal
763 orang telah melayarinya

How to Move a DIV Element Inside Another Using jQuery's `appendTo()` and `prependTo()`?

Cara Mengalihkan Elemen ke Elemen Lain

Menggerakkan satu elemen DIV ke dalam elemen lain boleh dicapai menggunakan fungsi jQuery, appendTo() atau prependTo().

appendTo() Fungsi:

Fungsi appendTo() mengambil satu parameter, pemilih untuk elemen destinasi dan menambahkan elemen yang dipilih ke penghujung destinasi.

Contoh :

$("#source").appendTo("#destination");
Salin selepas log masuk
Salin selepas log masuk

Ini akan mengalihkan elemen DIV dengan id "sumber" dan semua anak-anaknya di dalam elemen DIV dengan id "destinasi".

Fungsi prependTo():

Fungsi prependTo() adalah serupa dengan appendTo(), tetapi bukannya menambah pada penghujung, ia menambahkan elemen yang dipilih ke permulaan destinasi.

Contoh:

$("#source").prependTo("#destination");
Salin selepas log masuk

Ini akan mengalihkan elemen DIV dengan id "sumber" dan semua anak-anaknya ke permulaan elemen DIV dengan id "destinasi".

Contoh:

Pertimbangkan penanda HTML berikut:

<div>
Salin selepas log masuk
Salin selepas log masuk

Kod jQuery berikut akan mengalihkan DIV "sumber" dan semua kandungannya di dalam DIV "destinasi":

$("#source").appendTo("#destination");
Salin selepas log masuk
Salin selepas log masuk

HTML yang terhasil ialah:

<div>
Salin selepas log masuk
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Memindahkan Elemen DIV Di Dalam Yang Lain Menggunakan `appendTo()` dan `prependTo()` jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan