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>

මෙයද බලන්න