children әдісі
children әдісі тек элементтің
тікелей ұрпақтарын қайтарады, мәтін
түйіндерін қайтармайды. Барлық ұрпақтарды,
соның ішінде мәтін мен түсініктемелерді
қайтару үшін contents
әдісін пайдаланыңыз.
Синтаксис
Тікелей ұрпақтарды алу:
.children();
Сондай-ақ, ұрпақтарды берілген селектор бойынша сүзгіден өткізуге болады:
.children(селектор);
Мысал
div тегінің
барлық тікелей ұрпақтарын тауып, олардың соңына
append әдісінің
көмегімен '!' қосамыз:
<div>
<p>мәтін</p>
<p>мәтін</p>
<p>мәтін</p>
</div>
$('div').children().append('!');
HTML коды келесідей болады:
<div>
<p>мәтін!</p>
<p>мәтін!</p>
<p>мәтін!</p>
</div>
Мысал
Енді www класы бар барлық тікелей
ұрпақтарды табайық:
<div>
<p class="www">мәтін</p>
<p class="www">мәтін</p>
<p>мәтін</p>
</div>
$('div').children('.www').append('!');
HTML коды келесідей болады:
<div>
<p class="www">мәтін!</p>
<p class="www">мәтін!</p>
<p>мәтін</p>
</div>