მეთოდი 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>

იხილეთ აგრეთვე

მეთოდი contents,
რომელიც საშუალებას იძლევა მიიღო ელემენტის შვილები და ამ ელემენტის შიგნით არსებული ტექსტი
მეთოდი parent,
რომელიც საშუალებას იძლევა მიიღო ელემენტის მშობელი
მეთოდი parents,
რომელიც საშუალებას იძლევა მიიღო ელემენტის ყველა მშობელი
JavaScript თვისება children,
რომელიც ინახავს შვილობილი ელემენტების ფსევდო-მასივს