Maison > Article > interface Web > Comment obtenir le premier nœud enfant du nœud parent dans jquery
Comment obtenir le premier nœud enfant du nœud parent dans jquery
- 青灯夜游original
- 2022-05-11 19:40:142866parcourir
Méthode : 1. Utilisez children() pour obtenir tous les nœuds enfants directs sous le nœud parent spécifié, et un objet de collection sera renvoyé ; 2. Utilisez le sélecteur ":first-child" pour obtenir le premier nœud du nœud enfant. collection. , la syntaxe est "$(parent node).children(":first-child")".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.
jquery obtient le premier nœud enfant du nœud parent
Dans jquery, vous pouvez utiliser la méthode children() et le sélecteur :first-child pour obtenir le premier nœud enfant du nœud parent.
Idée d'implémentation :
la méthode children() obtient tous les nœuds enfants directs sous le nœud parent spécifié
: le sélecteur de premier enfant obtient le premier nœud de la collection de nœuds enfants.
Exemple de mise en œuvre :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("button").click(function () {
$("ul").children(":first-child").css("color","red");
})
})
</script>
</head>
<body>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨子</li>
<li>橘子</li>
</ul>
<button>父元素ul的第一个子节点</button>
</body>
</html>
[Apprentissage recommandé : Tutoriel vidéo jQuery, front-end web]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!