Metoda siblings

Metoda siblings găsește toți vecinii elementului în cadrul aceluiași părinte.

Sintaxă

Obținerea vecinilor:

javascript.siblings();

De asemenea, puteți filtra vecinii după un selector dat (în set vor rămâne doar acei vecini care satisfac acest selector):

javascript.siblings(selector);

Exemplu

Să găsim elementul #test și tuturor vecinilor săi le setăm textul '!' cu ajutorul metodei html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

Codul HTML va arăta astfel:

html<p>outside</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Exemplu

Să găsim elementul #test și tuturor vecinilor săi cu clasa www le setăm textul '!' cu ajutorul metodei html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

Codul HTML va arăta astfel:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">!</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p class="www">!</p>
  <p>inside</p>
</div>
<p>outside</p>

Vedeți și