Bagaimanakah Saya Boleh Menambah atau Menambahkan Elemen DIV Menggunakan jQuery?

Elemen Bergerak: Menambah dan Menambah

Pertimbangkan keperluan untuk menempatkan semula elemen DIV, termasuk anak-anaknya, dari satu lokasi ("sumber" ) kepada yang lain ("destinasi"). Hasil yang diinginkan ialah kandungan sumber bersarang dalam bekas destinasi.

Penyelesaian:

Lampirkan Pada Kaedah:

Kaedah ini mengalihkan elemen sumber ke penghujung elemen destinasi, menjadi yang terakhir child:

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

Kaedah PrependTo:

Sebagai alternatif, kaedah prependTo memasukkan elemen sumber pada permulaan elemen destinasi, menjadikannya anak pertama:

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

Contoh:

Kepada jelaskan prosesnya, pertimbangkan demonstrasi berikut:

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

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

#main {
  border: 2px solid blue;
  min-height: 100px;
}

.moveMeIntoMain {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah atau Menambahkan Elemen DIV Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!