Metode siblings

Die metode siblings vind al die siblings van 'n element binne dieselfde ouer.

Sintaksis

Verkryging van siblings:

javascript.siblings();

Jy kan ook die siblings filter volgens 'n gegewe selector (slegs die siblings wat aan die keurder voldoen sal in die stel oorbly):

javascript.siblings(selector);

Voorbeeld

Laat ons die element #test vind en vir al sy siblings die teks '!' met die metode html stel:

html<p>buite</p>
<div>
  <p>binne</p>
  <p>binne</p>
  <p id="test">binne</p>
  <p>binne</p>
  <p>binne</p>
</div>
<p>buite</p>
javascript$('#test').siblings().html('!');

Die HTML-kode sal so lyk:

html<p>buite</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">binne</p>
  <p>!</p>
  <p>!</p>
</div>
<p>buite</p>

Voorbeeld

Laat ons die element #test vind en vir al sy siblings met die klas www die teks '!' met die metode html stel:

html<p>buite</p>
<div>
  <p>binne</p>
  <p class="www">binne</p>
  <p>binne</p>
  <p id="test">binne</p>
  <p>binne</p>
  <p class="www">binne</p>
  <p>binne</p>
</div>
<p>buite</p>
javascript$('#test').siblings('.www').html('!');

Die HTML-kode sal so lyk:

html<p>buite</p>
<div>
  <p>binne</p>
  <p class="www">!</p>
  <p>binne</p>
  <p id="test">binne</p>
  <p>binne</p>
  <p class="www">!</p>
  <p>binne</p>
</div>
<p>buite</p>

Sien ook

  • metode prev,
    wat die sibling bokant die element kry
  • metode next,
    wat die sibling onder die element kry
  • metode parent,
    wat die ouer van die element kry