Kaedah siblings
Kaedah siblings mencari semua
saudara elemen dalam induk yang sama.
Sintaks
Mendapatkan saudara:
.siblings();
Anda juga boleh menapis saudara mengikut pemilih yang ditentukan (hanya saudara yang memenuhi pemilih ini akan kekal dalam set):
.siblings(pemilih);
Contoh
Mari cari elemen #test dan tetapkan teks
'!' untuk semua saudaranya menggunakan kaedah
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('!');
Kod HTML akan kelihatan 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 cari elemen #test dan tetapkan
teks '!' untuk semua saudaranya dengan
kelas www menggunakan kaedah
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('!');
Kod HTML akan kelihatan 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>
