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

青灯夜游
Libérer: 2022-03-16 16:05:58
original
4644 Les gens l'ont consulté

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".

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

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal