Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Memindahkan Elemen DIV Di Dalam Yang Lain Menggunakan `appendTo()` dan `prependTo()` jQuery?
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");
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");
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>
Kod jQuery berikut akan mengalihkan DIV "sumber" dan semua kandungannya di dalam DIV "destinasi":
$("#source").appendTo("#destination");
HTML yang terhasil ialah:
<div>
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!