Metod siblings

Metod siblings elementyň bir ata içindäki ähli gapdallaryny tapýar.

Sintaksis

Gapdallary almak:

javascript.siblings();

Şeýle hem gapdallary bellenen selektora görä filterlemek mümkin (toparda diňe şol selektory kanagatlandyrýan gapdallar galar):

javascript.siblings(selektor);

Mysal

Geliň #test elementini tapalyň we onuň ähli gapdallaryna html metody bilen '!' tekstini goýalyň:

html<p>daşynda</p>
<div>
  <p>içinde</p>
  <p>içinde</p>
  <p id="test">içinde</p>
  <p>içinde</p>
  <p>içinde</p>
</div>
<p>daşynda</p>
javascript$('#test').siblings().html('!');

HTML kody şeýle görünýär:

html<p>daşynda</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">içinde</p>
  <p>!</p>
  <p>!</p>
</div>
<p>daşynda</p>

Mysal

Geliň #test elementini tapalyň we onuň www klassy bolan ähli gapdallaryna html metody bilen '!' tekstini goýalyň:

html<p>daşynda</p>
<div>
  <p>içinde</p>
  <p class="www">içinde</p>
  <p>içinde</p>
  <p id="test">içinde</p>
  <p>içinde</p>
  <p class="www">içinde</p>
  <p>içinde</p>
</div>
<p>daşynda</p>
javascript$('#test').siblings('.www').html('!');

HTML kody şeýle görünýär:

html<p>daşynda</p>
<div>
  <p>içinde</p>
  <p class="www">!</p>
  <p>içinde</p>
  <p id="test">içinde</p>
  <p>içinde</p>
  <p class="www">!</p>
  <p>içinde</p>
</div>
<p>daşynda</p>

Şeýle hem görüň

  • metod prev,
    elementiň ýokarky gapdalgyny almagy berýär
  • metod next,
    elementiň aşaky gapdalgyny almagy berýär
  • metod parent,
    elementiň atasyny almagy berýär