A children metódus

A children metódus csak az elem közvetlen gyermekeit adja vissza, nem adja vissza a szöveges csomópontokat. Az összes gyermek visszakéréséhez, beleértve a szövegeket és a megjegyzéseket, használd a contents metódust.

Szintaxis

Közvetlen gyermekek lekérése:

javascript.children();

A gyermekeket szűrhetjük egy megadott szelektorral is:

javascript.children(szelektor);

Példa

Keressük meg a div tag összes közvetlen gyermekét és adjunk hozzájuk a végére egy '!' karaktert a append metódussal:

html<div>
  <p>szöveg</p>
  <p>szöveg</p>
  <p>szöveg</p>
</div>

javascript$('div').children().append('!');

A HTML kód így fog kinézni:

html<div>
  <p>szöveg!</p>
  <p>szöveg!</p>
  <p>szöveg!</p>
</div>

Példa

Most keressük meg az összes közvetlen gyermeket a www osztállyal:

html<div>
  <p class="www">szöveg</p>
  <p class="www">szöveg</p>
  <p>szöveg</p>
</div>

javascript$('div').children('.www').append('!');

A HTML kód így fog kinézni:

html<div>
  <p class="www">szöveg!</p>
  <p class="www">szöveg!</p>
  <p>szöveg</p>
</div>

Lásd még