Méthode d'obtention : 1. Utilisez la méthode eq() pour sélectionner l'élément li à la position d'index spécifiée. La syntaxe est "$("li").eq(index number)" ; sélecteur pour sélectionner Sélectionnez l'élément li à la position d'index spécifiée, la syntaxe est "$("li:eq(index number)")".
L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery1.10.2, ordinateur Dell G3.
jquery obtient le numéro li
1. Utilisez la méthode eq()
La méthode eq() renvoie l'élément avec le numéro d'index spécifié de l'élément sélectionné. Les numéros d'index commencent par 0, donc le numéro d'index du premier élément est 0 (et non 1).
<!DOCTYPEhtml>
<html>
<tête>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<style>
.frères et sœurs * {
affichage : bloc ;
bordure : 2px gris clair uni ;
couleur : gris clair ;
remplissage : 5 px ;
marge : 15px ;
}
</style>
<script>
$(document).ready(function() {
$("li").eq(2).css({
"color": "rouge",
"border": "2px rouge uni"
});
});
</script>
</tête>
<corps>
<div style="largeur:500px;" class="frères et sœurs">
<ul>ul (nœud parent)
<li>Premier élément enfant</li>
<li>Deuxième élément enfant</li>
<li>Troisième élément enfant</li>
<li>Le quatrième élément enfant</li>
<li>Le cinquième élément enfant</li>
</ul>
</div>
<p>Sélectionnez le troisième élément li (le numéro d'index est 2)</p>
</corps>
</html> 
2. Utilisez le sélecteur ":eq()"
: Le sélecteur eq() sélectionne les éléments avec la valeur d'index spécifiée. La valeur d'index commence à 0 et la valeur d'index de tous les premiers éléments est 0 (et non 1).
<!DOCTYPEhtml>
<html>
<tête>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<style>
.frères et sœurs * {
affichage : bloc ;
bordure : 2px gris clair uni ;
couleur : gris clair ;
remplissage : 5 px ;
marge : 15px ;
}
</style>
<script>
$(document).ready(function() {
$("li:eq(1)").css({
"color": "rouge",
"border": "2px rouge uni"
});
});
</script>
</tête>
<corps>
<div style="largeur:500px;" class="frères et sœurs">
<ul>ul (nœud parent)
<li>Premier élément enfant</li>
<li>Deuxième élément enfant</li>
<li>Troisième élément enfant</li>
<li>Le quatrième élément enfant</li>
<li>Le cinquième élément enfant</li>
</ul>
</div>
<p>Sélectionnez le deuxième élément li (le numéro d'index est 1)</p>
</corps>
</html> 
[Apprentissage recommandé : didacticiel vidéo jQuery, vidéo frontale Web]
Ce qui précède est le contenu détaillé de la méthode jquery pour obtenir le premier li. Pour plus d'informations, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
