Metode after
Metode after menambahkan teks setelah
elemen yang ditentukan. Juga terdapat metode
insertAfter,
yang bekerja dengan cara serupa.
Sintaks
Menyisipkan teks setelah elemen:
$(selektor).after(teks);
Berikut cara teks akan ditambahkan setelah elemen yang dipilih, teks yang akan dikembalikan oleh fungsi kustom. Fungsi dipanggil, secara terpisah untuk setiap elemen yang dipilih. Parameter pertama fungsi ini berisi nomor dalam kumpulan setiap elemen yang dipilih (secara berurutan), parameter kedua - konten saat ini dari elemen:
$(selektor).after(function(nomor dalam kumpulan, konten saat ini elemen));
Teks juga bisa bukan hanya teks biasa, tetapi juga elemen DOM atau objek jQuery. Dalam hal ini, elemen-elemen ini akan dipindahkan dari posisinya dalam kode HTML.
Contoh
Mari sisipkan teks setelah paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').after('!!!');
Kode HTML akan menjadi seperti ini:
<p id="test">teks</p>!!!
Contoh
Mari sisipkan teks dengan tag setelah paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').after('<p>!!!</p>');
Kode HTML akan menjadi seperti ini:
<p id="test">teks</p><p>!!!</p>
Contoh
Mari pindahkan satu paragraf di bawah yang lain (yaitu memotong paragraf dari tempat lama dan meletakkannya di tempat baru):
<p id="p1">teks1</p>
<p id="p2">teks2</p>
$('#p1').after($('#p2'));
Kode HTML akan menjadi seperti ini:
<p id="p1">teks1</p>
<p id="p2">teks2</p>
Lihat juga
-
metode
insertAfter,
yang menambahkan teks setelah elemen yang ditentukan -
metode
before,append,prepend,
yang memungkinkan menambahkan konten ke tempat tertentu pada halaman -
metode
clone,
yang membuat salinan dari elemen yang dipilih