Metode prepend

Metode prepend menambahkan teks di awal elemen. Juga terdapat metode prependTo, yang bekerja dengan cara serupa.

Sintaks

Menyisipkan teks di awal elemen:

javascript$(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:

javascript$(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:

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

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

Kode HTML akan menjadi seperti ini:

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

Contoh

Mari sisipkan teks dengan tag di awal paragraf yang ditentukan:

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

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

Kode HTML akan menjadi seperti ini:

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

Contoh

Mari temukan semua paragraf dan di awal setiap paragraf letakkan nomor urutnya dalam kumpulan:

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

javascript$('p').prepend(function(index, teks) {
  return index;
});

Kode HTML akan menjadi seperti ini:

html<p>0teks</p>
<p>1teks</p>
<p>2teks</p>
<p>3teks</p>
<p>4teks</p>

Lihat juga