Kaedah before
Kaedah before menambah teks sebelum elemen
yang ditentukan. Terdapat juga kaedah
insertBefore,
yang berfungsi dengan cara yang serupa.
Sintaks
Masukkan teks sebelum elemen:
$(pemilih).before(teks);
Beginilah cara teks akan ditambah sebelum elemen yang dipilih, yang akan dikembalikan oleh fungsi pengguna:
$(pemilih).before(function(nombor dalam set));
Satu lagi varian penggunaan fungsi, parameter kedua menentukan nilai html lama elemen:
$(pemilih).before(function(nombor dalam set, rentetan html));
Teks juga bukan hanya teks biasa, tetapi boleh menjadi elemen DOM atau objek jQuery. Dalam kes ini, elemen ini akan dipindahkan dari posisi mereka dalam kod HTML.
Contoh
Mari masukkan teks sebelum perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').before('!!!');
Kod HTML akan kelihatan seperti ini:
!!!<p id="test">teks</p>
Contoh
Mari masukkan teks dengan tag sebelum perenggan yang ditentukan:
<p id="test">teks</p>
$('#test').before('<p>!!!</p>');
Kod HTML akan kelihatan seperti ini:
<p>!!!</p><p id="test">teks</p>
Contoh
Mari letakkan satu perenggan di atas yang lain (iaitu potong perenggan dari posisi lama dan letakkan di posisi baru):
<p id="p1">teks1</p>
<p id="p2">teks2</p>
$('#p2').before('#p1');
Kod HTML akan kelihatan seperti ini:
<p id="p2">teks2</p>
<p id="p1">teks1</p>
Lihat juga
-
kaedah
insertBefore,
yang menambah teks sebelum elemen yang ditentukan -
kaedah
after,append,prepend,
membolehkan menambah kandungan di tempat tertentu pada halaman -
kaedah
clone,
yang mencipta salinan elemen yang dipilih
