Metode siblings

Metode siblings atrod visus elementa kaimiņus viena vecāka ietvaros.

Sintakse

Kaimiņu iegūšana:

javascript.siblings();

Var arī filtrēt kaimiņus pēc norādītā selektora (kopā paliks tikai tie kaimiņi, kas atbilst šim selektoram):

javascript.siblings(selektors);

Piemērs

Atradīsim elementu #test un visiem tā kaimiņiem iestatīsim tekstu '!', izmantojot metodi html:

html<p>ārpus</p>
<div>
  <p>iekšā</p>
  <p>iekšā</p>
  <p id="test">iekšā</p>
  <p>iekšā</p>
  <p>iekšā</p>
</div>
<p>ārpus</p>

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

HTML kods izskatīsies šādi:

html<p>ārpus</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">iekšā</p>
  <p>!</p>
  <p>!</p>
</div>
<p>ārpus</p>

Piemērs

Atradīsim elementu #test un visiem tā kaimiņiem ar klasi www iestatīsim tekstu '!', izmantojot metodi html:

html<p>ārpus</p>
<div>
  <p>iekšā</p>
  <p class="www">iekšā</p>
  <p>iekšā</p>
  <p id="test">iekšā</p>
  <p>iekšā</p>
  <p class="www">iekšā</p>
  <p>iekšā</p>
</div>
<p>ārpus</p>

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

HTML kods izskatīsies šādi:

html<p>ārpus</p>
<div>
  <p>iekšā</p>
  <p class="www">!</p>
  <p>iekšā</p>
  <p id="test">iekšā</p>
  <p>iekšā</p>
  <p class="www">!</p>
  <p>iekšā</p>
</div>
<p>ārpus</p>

Skatiet arī