Metode siblings
Metode siblings menemukan semua
elemen saudara dalam induk yang sama.
Sintaks
Mendapatkan elemen saudara:
.siblings();
Anda juga dapat memfilter elemen saudara berdasarkan selektor yang diberikan (hanya elemen saudara yang memenuhi selektor ini yang akan tetap dalam kumpulan):
.siblings(selektor);
Contoh
Mari temukan elemen #test dan beri teks
'!' kepada semua elemen saudaranya menggunakan metode
html:
<p>di luar</p>
<div>
<p>di dalam</p>
<p>di dalam</p>
<p id="test">di dalam</p>
<p>di dalam</p>
<p>di dalam</p>
</div>
<p>di luar</p>
$('#test').siblings().html('!');
Kode HTML akan terlihat seperti ini:
<p>di luar</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">di dalam</p>
<p>!</p>
<p>!</p>
</div>
<p>di luar</p>
Contoh
Mari temukan elemen #test dan beri
teks '!' kepada semua elemen saudaranya
dengan kelas www menggunakan metode
html:
<p>di luar</p>
<div>
<p>di dalam</p>
<p class="www">di dalam</p>
<p>di dalam</p>
<p id="test">di dalam</p>
<p>di dalam</p>
<p class="www">di dalam</p>
<p>di dalam</p>
</div>
<p>di luar</p>
$('#test').siblings('.www').html('!');
Kode HTML akan terlihat seperti ini:
<p>di luar</p>
<div>
<p>di dalam</p>
<p class="www">!</p>
<p>di dalam</p>
<p id="test">di dalam</p>
<p>di dalam</p>
<p class="www">!</p>
<p>di dalam</p>
</div>
<p>di luar</p>