Kaedah after
Kaedah after menambah teks selepas
elemen yang ditentukan. Terdapat juga kaedah
insertAfter,
yang berfungsi dengan cara yang sama.
Sintaks
Masukkan teks selepas elemen:
$(pemilih).after(teks);
Beginilah teks akan ditambah selepas elemen terpilih, teks yang akan dipulangkan oleh fungsi pengguna. Fungsi dipanggil, secara berasingan untuk setiap elemen terpilih. Parameter pertama fungsi ini menerima nombor dalam set setiap elemen terpilih (mengikut urutan), dalam parameter kedua - kandungan semasa elemen:
$(pemilih).after(function(nombor dalam set, kandungan semasa elemen));
Teks juga bukan hanya teks biasa, tetapi juga elemen DOM atau objek jQuery. Dalam kes ini, elemen ini akan dipindahkan dari kedudukan mereka dalam kod HTML.
Contoh
Mari kita masukkan teks selepas perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').after('!!!');
Kod HTML akan kelihatan seperti ini:
<p id="test">teks</p>!!!
Contoh
Mari kita masukkan teks dengan tag selepas perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').after('<p>!!!</p>');
Kod HTML akan kelihatan seperti ini:
<p id="test">teks</p><p>!!!</p>
Contoh
Mari kita pindahkan satu perenggan di bawah yang lain (iaitu potong perenggan dari tempat lama dan letakkan di tempat baru):
<p id="p1">teks1</p>
<p id="p2">teks2</p>
$('#p1').after('#p2');
Kod HTML akan kelihatan seperti ini:
<p id="p2">teks2</p>
<p id="p1">teks1</p>
Lihat juga
-
kaedah
insertAfter,
yang menambah teks selepas elemen yang ditentukan -
kaedah
before,append,prepend,
membolehkan menambah kandungan di tempat tertentu pada halaman -
kaedah
clone,
yang mencipta salinan elemen terpilih
