Metoda siblings

Metoda siblings gjen të gjithë fqinjët e një elementi brenda të njëjtit prind.

Sintaksa

Marrja e fqinjëve:

javascript.siblings();

Mund të filtrohen fqinjët sipas një selektori të caktuar (në grup do të mbeten vetëm ata fqinjë që plotësojnë këtë selektor):

javascript.siblings(selektor);

Shembull

Le të gjejmë elementin #test dhe të gjithë fqinjëve të tij t'u vendosim tekstin '!' duke përdorur metodën html:

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

Kodi HTML do të duket kështu:

html<p>jashtë</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">brenda</p>
  <p>!</p>
  <p>!</p>
</div>
<p>jashtë</p>

Shembull

Le të gjejmë elementin #test dhe të gjithë fqinjëve të tij me klasën www t'u vendosim tekstin '!' duke përdorur metodën html:

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

Kodi HTML do të duket kështu:

html<p>jashtë</p>
<div>
  <p>brenda</p>
  <p class="www">!</p>
  <p>brenda</p>
  <p id="test">brenda</p>
  <p>brenda</p>
  <p class="www">!</p>
  <p>brenda</p>
</div>
<p>jashtë</p>

Shihni gjithashtu

  • metoda prev,
    e cila lejon të marrësh fqinjin e sipërm të elementit
  • metoda next,
    e cila lejon të marrësh fqinjin e poshtëm të elementit
  • metoda parent,
    e cila lejon të marrësh prindin e elementit