Metode siblings

Metode siblings menemukan semua elemen saudara dalam induk yang sama.

Sintaks

Mendapatkan elemen saudara:

javascript.siblings();

Anda juga dapat memfilter elemen saudara berdasarkan selektor yang diberikan (hanya elemen saudara yang memenuhi selektor ini yang akan tetap dalam kumpulan):

javascript.siblings(selektor);

Contoh

Mari temukan elemen #test dan beri teks '!' kepada semua elemen saudaranya menggunakan metode 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('!');

Kode HTML akan terlihat 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 temukan elemen #test dan beri teks '!' kepada semua elemen saudaranya dengan kelas www menggunakan metode 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('!');

Kode HTML akan terlihat 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