Metot siblings

siblings metodu, bir ebeveyn içindeki elementin tüm komşularını bulur.

Sözdizimi

Komşuları elde etme:

javascript.siblings();

Ayrıca komşuları verilen bir seçiciye göre filtreleyebilirsiniz (kümede yalnızca bu seçiciyi sağlayan komşular kalır):

javascript.siblings(seçici);

Örnek

#test elementini bulalım ve tüm komşularına, html metoduyla '!' metnini koyalım:

html<p>dışarı</p>
<div>
  <p>içeride</p>
  <p>içeride</p>
  <p id="test">içeride</p>
  <p>içeride</p>
  <p>içeride</p>
</div>
<p>dışarı</p>
javascript$('#test').siblings().html('!');

HTML kodu şu şekilde görünecektir:

html<p>dışarı</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">içeride</p>
  <p>!</p>
  <p>!</p>
</div>
<p>dışarı</p>

Örnek

#test elementini bulalım ve www sınıfına sahip tüm komşularına, html metoduyla '!' metnini koyalım:

html<p>dışarı</p>
<div>
  <p>içeride</p>
  <p class="www">içeride</p>
  <p>içeride</p>
  <p id="test">içeride</p>
  <p>içeride</p>
  <p class="www">içeride</p>
  <p>içeride</p>
</div>
<p>dışarı</p>
javascript$('#test').siblings('.www').html('!');

HTML kodu şu şekilde görünecektir:

html<p>dışarı</p>
<div>
  <p>içeride</p>
  <p class="www">!</p>
  <p>içeride</p>
  <p id="test">içeride</p>
  <p>içeride</p>
  <p class="www">!</p>
  <p>içeride</p>
</div>
<p>dışarı</p>

Ayrıca Bakınız

  • elementin üstündeki komşuyu elde etmeyi sağlayan prev metodu,
  • elementin altındaki komşuyu elde etmeyi sağlayan next metodu,
  • elementin ebeveynini elde etmeyi sağlayan parent metodu,