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>

Տես նաև