Методи 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,
    ки имкон медиҳад волидайни элементро гиред