JSB

_/children

Sélectionne des éléments à l'intérieur descendant directement d'une autre sélection.

children permet de sélectionner des balises directement imbriquées dans une des balises de la sélection actuelle. children et _ sont des alias.

$('#bloc').children('p'); // Sélectionne tous les <p> fils de l'élément bloc
$('div').children('p'); // Sélectionne tous les <p> fils de <div>
$('div')._('p'); // _ est un raccourci de children
$('div > p'); // SSélectionne tous les <p> fils de <div>
// Les 3 lignes ci-dessus ont le même effet

Supposons la structure suivante :

<div>
  <p>#1</p>
  <p>#2</p>
</div>
<div>
  <blockquote>
    <p>#3</p>
  </blockquote>
</div>
<blockquote>
  <div>
    <p>#4</p>
  </div>
</blockquote>
<blockquote>
  <p>#5</p>
</blockquote>

Les précédents exemples sélectionneraient alors #1, #2 et #4 qui sont tous trois directement à l'intérieur d'une balise <div> mais pas #3 dont le parent direct n'est pas un <div> mais un <blockquote> et pas #5 qui n'a pas de parent <div>.

La sélection en une seule chaîne est plus rapide, en revanche, utiliser children ou _ après sélection permet le chaînage :

$('div').css('color:red')._('p').css('color:blue');

Le code ci-dessus va appliquer la couleur rouge à tous les <div> et la couleur bleu aux <p> fils de <div>.

Voir aussi : $/find

© Bastien Miclo | www.selfbuild.fr