Kaedah append

Kaedah append menambah teks pada akhir elemen. Terdapat juga kaedah appendTo, yang berfungsi dengan cara yang sama.

Sintaks

Masukkan teks pada akhir elemen:

javascript$(pemilih).append(teks);

Pada akhir elemen yang dipilih, teks boleh ditambah yang akan dikembalikan oleh fungsi pengguna. Fungsi dipanggil, secara berasingan untuk setiap elemen yang dipilih. Apabila dipanggil ia diberikan parameter berikut: kedudukan elemen dalam set, kandungan semasa elemen:

javascript$(pemilih).append(function(nombor dalam set, kandungan semasa elemen));

Kandungan juga bukan hanya teks biasa tetapi juga elemen DOM atau objek jQuery. Dalam kes ini, elemen-elemen ini akan dipindahkan dari kedudukan mereka dalam kod HTML.

Contoh

Mari tambah teks pada akhir perenggan yang diberikan:

html<p id="test">teks</p>

javascript$('#test').append('!!!');

Kod HTML akan kelihatan seperti ini:

html<p id="test">teks!!!</p>

Contoh

Mari tambah teks dengan tag pada akhir perenggan yang diberikan:

html<p id="test">teks</p>

javascript$('#test').append('<b>!!!</b>');

Kod HTML akan kelihatan seperti ini:

html<p id="test">teks<b>!!!</b></p>

Contoh

Mari cari semua perenggan dan pada akhir setiap satunya letakkan nombor urutannya dalam set:

html<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>

javascript$('p').append(function(index, text){return index;});

Kod HTML akan kelihatan seperti ini:

html<p>teks0</p>
<p>teks1</p>
<p>teks2</p>
<p>teks3</p>
<p>teks4</p>

Lihat juga