Metod siblings

Metod siblings elementi eyni valideyn daxilində olan bütün qonşularını tapır.

Sintaksis

Qonşuların alınması:

javascript.siblings();

Həmçinin qonşuları verilmiş sektora görə filtrləmək olar (çoxluqda yalnız həmin sektora cavab verən qonşular qalacaq):

javascript.siblings(selektor);

Nümunə

Gəlin #test elementini tapaq və onun bütün qonşularına html metodu vasitəsilə '!' mətnini qoyaq:

html<p>kənar</p>
<div>
  <p>daxili</p>
  <p>daxili</p>
  <p id="test">daxili</p>
  <p>daxili</p>
  <p>daxili</p>
</div>
<p>kənar</p>
javascript$('#test').siblings().html('!');

HTML kodu aşağıdakı kimi görünəcək:

html<p>kənar</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">daxili</p>
  <p>!</p>
  <p>!</p>
</div>
<p>kənar</p>

Nümunə

Gəlin #test elementini tapaq və onun www sinfi olan bütün qonşularına html metodu vasitəsilə '!' mətnini qoyaq:

html<p>kənar</p>
<div>
  <p>daxili</p>
  <p class="www">daxili</p>
  <p>daxili</p>
  <p id="test">daxili</p>
  <p>daxili</p>
  <p class="www">daxili</p>
  <p>daxili</p>
</div>
<p>kənar</p>
javascript$('#test').siblings('.www').html('!');

HTML kodu aşağıdakı kimi görünəcək:

html<p>kənar</p>
<div>
  <p>daxili</p>
  <p class="www">!</p>
  <p>daxili</p>
  <p id="test">daxili</p>
  <p>daxili</p>
  <p class="www">!</p>
  <p>daxili</p>
</div>
<p>kənar</p>

Həmçinin bax

  • metod prev,
    elementin yuxarıdakı qonşusunu almağa imkan verir
  • metod next,
    elementin aşağıdakı qonşusunu almağa imkan verir
  • metod parent,
    elementin valideynini almağa imkan verir