Methode siblings

De methode siblings vindt alle buren van een element binnen dezelfde ouder.

Syntaxis

Buren verkrijgen:

javascript.siblings();

Je kunt de buren ook filteren op een opgegeven selector (in de set blijven alleen die buren over, die aan deze selector voldoen):

javascript.siblings(selector);

Voorbeeld

Laten we het element #test vinden en al zijn buren de tekst '!' geven met behulp van de methode 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('!');

De HTML-code ziet er dan als volgt uit:

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

Voorbeeld

Laten we het element #test vinden en al zijn buren met de klasse www de tekst '!' geven met behulp van de methode 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('!');

De HTML-code ziet er dan als volgt uit:

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>

Zie ook