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

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