Kaedah prepend
Kaedah prepend menambah teks pada awal
elemen. Terdapat juga kaedah
prependTo,
yang berfungsi dengan cara yang serupa.
Sintaks
Memasukkan teks pada awal elemen:
$(pemilih).prepend(teks);
Teks yang dikembalikan oleh fungsi khas boleh ditambah pada awal elemen yang dipilih. Fungsi dipanggil, secara berasingan untuk setiap elemen yang dipilih. Semasa dipanggil ia diberikan parameter berikut: kedudukan elemen dalam set, kandungan semasa elemen:
$(pemilih).prepend(function(nombor dalam set, kandungan semasa elemen));
Kandungan juga bukan hanya teks biasa, tetapi boleh menjadi elemen DOM atau objek jQuery. Dalam kes ini, elemen ini akan dipindahkan dari kedudukan mereka dalam kod HTML.
Contoh
Mari tambah teks pada awal perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').prepend('!!!');
Kod HTML akan kelihatan seperti ini:
<p id="test">!!!teks</p>
Contoh
Mari tambah teks dengan tag pada awal perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').prepend('<b>!!!</b>');
Kod HTML akan kelihatan seperti ini:
<p id="test"><b>!!!</b>teks</p>
Contoh
Mari cari semua perenggan dan letakkan nombor urutannya dalam set pada awal setiap satu:
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').prepend(function(index, text) {
return index;
});
Kod HTML akan kelihatan seperti ini:
<p>0teks</p>
<p>1teks</p>
<p>2teks</p>
<p>3teks</p>
<p>4teks</p>
