Kaedah siblings

Kaedah siblings mencari semua saudara elemen dalam induk yang sama.

Sintaks

Mendapatkan saudara:

javascript.siblings();

Anda juga boleh menapis saudara mengikut pemilih yang ditentukan (hanya saudara yang memenuhi pemilih ini akan kekal dalam set):

javascript.siblings(pemilih);

Contoh

Mari cari elemen #test dan tetapkan teks '!' untuk semua saudaranya menggunakan kaedah html:

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>

javascript$('#test').siblings().html('!');

Kod HTML akan kelihatan seperti ini:

html<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:

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>

javascript$('#test').siblings('.www').html('!');

Kod HTML akan kelihatan seperti ini:

html<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>

Lihat juga