Maison >interface Web >Questions et réponses frontales >Comment interroger le nombre d'éléments enfants dans jquery

Comment interroger le nombre d'éléments enfants dans jquery

青灯夜游original: 2022-03-16 16:05:584678parcourir

Comment interroger le nombre d'éléments enfants dans jquery : 1. Utilisez la fonction children() pour obtenir et renvoyer une collection contenant tous les éléments enfants ; 2. Utilisez l'attribut length pour obtenir le nombre de tous les éléments enfants dans la collection d'éléments ; . La syntaxe est " ParentElementObject.children().length".

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Comment interroger le nombre d'éléments enfants dans jquery

Dans jquery, vous pouvez utiliser la méthode children() et l'attribut length pour interroger le nombre d'éléments enfants. La fonction

children() obtient et renvoie un ensemble contenant tous les éléments enfants
L'attribut length obtient le nombre de tous les éléments enfants dans l'ensemble d'éléments

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					var res = $("div").children().length;
					alert("子元素个数为："+res);
				});
			});
		</script>
	</head>
	<body>

		<div>
			<p>子元素1</p>
			<p>子元素2</p>
			<p>子元素3</p>
		</div><br>
		<button>div元素中有几个子元素</button>

	</body>
</html>

Comment interroger le nombre déléments enfants dans jquery

【 Apprentissage recommandé : Tutoriel vidéo jQuery, web front-end】

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment interroger l'élément précédent avec jqueryArticle suivant：Comment interroger l'élément précédent avec jquery

Articles Liés

Voir plus