Les filtres enfants
Dans ce chapitre, nous avons déjà abordé les sélecteurs hiérarchiques qui permettaient de sélectionner les enfants. Les filtres enfants permettent d’effectuer un tri parmi les enfants d’un élément.
1. Le premier enfant
$(":first-child")
Sélectionne tous les éléments qui sont le premier enfant de leur parent.
$("ul:first-child") : sélectionne le premier enfant, soit le premier élément de liste <li>, de la liste non ordonnée <ul>.
Le sélecteur :first-child peut sélectionner plusieurs éléments soit un pour chaque parent. À ne pas confondre avec :first qui ne reprend qu’un seul élément (voir la section Les filtres jQuery de base - Le premier élément du présent chapitre).
Exemple
Retrouvons le premier lien inclus dans un paragraphe.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$("p a:first-child").css("background", "#9cf");
});
</script>
</head>
<body>
<p>
<a href="#">Lien 1</a><br> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI