children әдісі

children әдісі тек элементтің тікелей ұрпақтарын қайтарады, мәтін түйіндерін қайтармайды. Барлық ұрпақтарды, соның ішінде мәтін мен түсініктемелерді қайтару үшін contents әдісін пайдаланыңыз.

Синтаксис

Тікелей ұрпақтарды алу:

javascript.children();

Сондай-ақ, ұрпақтарды берілген селектор бойынша сүзгіден өткізуге болады:

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

Мысал

div тегінің барлық тікелей ұрпақтарын тауып, олардың соңына append әдісінің көмегімен '!' қосамыз:

html<div>
  <p>мәтін</p>
  <p>мәтін</p>
  <p>мәтін</p>
</div>
javascript$('div').children().append('!');

HTML коды келесідей болады:

html<div>
  <p>мәтін!</p>
  <p>мәтін!</p>
  <p>мәтін!</p>
</div>

Мысал

Енді www класы бар барлық тікелей ұрпақтарды табайық:

html<div>
  <p class="www">мәтін</p>
  <p class="www">мәтін</p>
  <p>мәтін</p>
</div>
javascript$('div').children('.www').append('!');

HTML коды келесідей болады:

html<div>
  <p class="www">мәтін!</p>
  <p class="www">мәтін!</p>
  <p>мәтін</p>
</div>

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

  • contents әдісі,
    элементтің ұрпақтары мен ішіндегі мәтінді алуға мүмкіндік береді
  • parent әдісі,
    элементтің ата-анасын алуға мүмкіндік береді
  • parents әдісі,
    элементтің барлық ата-аналарын алуға мүмкіндік береді
  • JavaScript қасиеті children,
    онда бала элементтердің жалған массиві сақталады