მეთოდი siblings

მეთოდი siblings პოულობს ელემენტის ყველა მეზობელს ერთი მშობლის ფარგლებში.

სინტაქსი

მეზობლების მოძებნა:

javascript.siblings();

ასევე შესაძლებელია მეზობლების ფილტრაცია მითითებული სელექტორის მიხედვით (ნაკრებში დარჩება მხოლოდ ის მეზობლები, რომლებიც აკმაყოფილებენ ამ სელექტორს):

javascript.siblings(სელექტორი);

მაგალითი

მოდი ვიპოვოთ ელემენტი #test და მის ყველა მეზობელს დავუსვათ ტექსტი '!' მეთოდის html დახმარებით:

html<p>გარეთ</p>
<div>
  <p>შიგნით</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>

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

HTML კოდი ასე გამოიყურება:

html<p>გარეთ</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">შიგნით</p>
  <p>!</p>
  <p>!</p>
</div>
<p>გარეთ</p>

მაგალითი

მოდი ვიპოვოთ ელემენტი #test და მის ყველა მეზობელს კლასით www დავუსვათ ტექსტი '!' მეთოდის html დახმარებით:

html<p>გარეთ</p>
<div>
  <p>შიგნით</p>
  <p class="www">შიგნით</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p class="www">შიგნით</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>

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

HTML კოდი ასე გამოიყურება:

html<p>გარეთ</p>
<div>
  <p>შიგნით</p>
  <p class="www">!</p>
  <p>შიგნით</p>
  <p id="test">შიგნით</p>
  <p>შიგნით</p>
  <p class="www">!</p>
  <p>შიგნით</p>
</div>
<p>გარეთ</p>

იხილეთ ასევე