Metode prepend
Metode prepend menambahkan teks di awal
elemen. Juga terdapat metode
prependTo,
yang bekerja dengan cara serupa.
Sintaks
Menyisipkan teks di awal elemen:
$(selektor).prepend(teks);
Di awal elemen yang dipilih dapat ditambahkan teks, yang akan dikembalikan oleh fungsi pengguna. Fungsi dipanggil, secara terpisah untuk setiap elemen yang dipilih. Saat dipanggil ia diberikan parameter berikut: posisi elemen dalam kumpulan, konten saat ini dari elemen:
$(selektor).prepend(function(nomor dalam kumpulan, konten saat ini elemen));
Konten juga bisa bukan hanya teks biasa tetapi juga elemen DOM atau objek jQuery. Dalam hal ini elemen-elemen tersebut akan dipindahkan dari posisinya dalam kode HTML.
Contoh
Mari sisipkan teks di awal paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').prepend('!!!');
Kode HTML akan menjadi seperti ini:
<p id="test">!!!teks</p>
Contoh
Mari sisipkan teks dengan tag di awal paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').prepend('<b>!!!</b>');
Kode HTML akan menjadi seperti ini:
<p id="test"><b>!!!</b>teks</p>
Contoh
Mari temukan semua paragraf dan di awal setiap paragraf letakkan nomor urutnya dalam kumpulan:
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').prepend(function(index, teks) {
return index;
});
Kode HTML akan menjadi seperti ini:
<p>0teks</p>
<p>1teks</p>
<p>2teks</p>
<p>3teks</p>
<p>4teks</p>
