Metode before
Metode before menambahkan teks sebelum elemen yang ditentukan.
Juga terdapat metode
insertBefore,
yang bekerja dengan cara serupa.
Sintaks
Menyisipkan teks sebelum elemen:
$(selektor).before(teks);
Beginilah cara teks akan ditambahkan sebelum elemen yang dipilih, teks yang akan dikembalikan oleh fungsi kustom:
$(selektor).before(function(nomor dalam set));
Varian penggunaan fungsi lainnya, parameter kedua menentukan nilai html lama elemen:
$(selektor).before(function(nomor dalam set, string html));
Teks juga tidak hanya berupa teks biasa, tetapi juga bisa berupa elemen DOM atau objek jQuery. Dalam hal ini, elemen-elemen ini akan dipindahkan dari posisinya dalam kode HTML.
Contoh
Mari kita sisipkan teks sebelum paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').before('!!!');
Kode HTML akan terlihat seperti ini:
!!!<p id="test">teks</p>
Contoh
Mari kita sisipkan teks beserta tag sebelum paragraf yang ditentukan:
<p id="test">teks</p>
$('#test').before('<p>!!!</p>');
Kode HTML akan terlihat seperti ini:
<p>!!!</p><p id="test">teks</p>
Contoh
Mari letakkan satu paragraf di atas yang lain (yaitu potong paragraf dari posisi lama dan letakkan di posisi baru):
<p id="p1">teks1</p>
<p id="p2">teks2</p>
$('#p2').before($('#p1'));
Kode HTML akan terlihat seperti ini:
<p id="p1">teks1</p>
<p id="p2">teks2</p>
Lihat juga
-
metode
insertBefore,
yang menambahkan teks sebelum elemen yang ditentukan -
metode
after,append,prepend,
yang memungkinkan menambahkan konten ke tempat tertentu pada halaman -
metode
clone,
yang membuat salinan dari elemen yang dipilih
