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:
$(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:
$(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:
<p id="test">teks</p>
$('#test').append('!!!');
Kod HTML akan kelihatan seperti ini:
<p id="test">teks!!!</p>
Contoh
Mari tambah teks dengan tag pada akhir perenggan yang diberikan:
<p id="test">teks</p>
$('#test').append('<b>!!!</b>');
Kod HTML akan kelihatan seperti ini:
<p id="test">teks<b>!!!</b></p>
Contoh
Mari cari semua perenggan dan pada akhir setiap satunya letakkan nombor urutannya dalam set:
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').append(function(index, text){return index;});
Kod HTML akan kelihatan seperti ini:
<p>teks0</p>
<p>teks1</p>
<p>teks2</p>
<p>teks3</p>
<p>teks4</p>
