Siblings әдісі

siblings әдісі бір ата-ана ішіндегі элементтің барлық көршілерін табады.

Синтаксис

Көршілерді алу:

javascript.siblings();

Сондай-ақ көршілерді берілген селектор бойынша сүзгіден өткізуге болады (жиында осы селекторға сәйкес келетін көршілер ғана қалады):

javascript.siblings(селектор);

Мысал

#test элементін тауып, оның барлық көршілеріне 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('!');

HTML коды мынадай болады:

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

Мысал

#test элементін тауып, оның www класы бар барлық көршілеріне 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('!');

HTML коды мынадай болады:

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>

Сондай-ақ қараңыз

  • prev әдісі,
    элементтің жоғарғы жағындағы көршісін алуға мүмкіндік береді
  • next әдісі,
    элементтің төменгі жағындағы көршісін алуға мүмкіндік береді
  • parent әдісі,
    элементтің ата-анасын алуға мүмкіндік береді