Comment déterminer si un élément a des éléments enfants dans jquery-Questions et réponses frontales-php.cn

Comment déterminer si un élément a des éléments enfants dans jquery

青灯夜游

Libérer： 2022-07-05 19:11:02

original

2913 Les gens l'ont consulté

Étapes de jugement : 1. Utilisez children() pour obtenir tous les éléments de sous-ensemble directs de l'élément spécifié. La syntaxe "élément spécifié object.children();" renverra un objet jquery contenant des éléments de sous-ensemble ; count Le nombre d'éléments du sous-ensemble dans l'objet jquery, la syntaxe est "jquery object.length" 3. Utilisez l'opérateur ">=" pour déterminer si le nombre d'éléments du sous-ensemble est supérieur ou égal à 1, la syntaxe est "nombre d'éléments>=1" , s'il est supérieur ou égal à 1, il y a un élément enfant, sinon il n'y a pas d'élément enfant.

Comment déterminer si un élément a des éléments enfants dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.0, ordinateur Dell G3.

Comment jquery détermine si un élément a des éléments enfants

Dans jquery, vous pouvez utiliser la méthode children() et l'attribut length pour déterminer si un élément a des éléments enfants.

Étapes de mise en œuvre :

Étape 1 : Utilisez children() pour obtenir tous les éléments de sous-ensemble directs de l'élément spécifié

指定元素对象.children();

Copier après la connexion

renverra un objet jquery contenant les éléments du sous-ensemble

Étape 2 : Utilisez la longueur attribut Comptez le nombre d'éléments de sous-ensemble dans l'objet jquery

jquery对象.length

Copier après la connexion

Étape 3 : utilisez l'opérateur ">=" pour déterminer si le nombre d'éléments de sous-ensemble est supérieur ou égal à 1

子集元素的个数>=1

Copier après la connexion

Si supérieur supérieur ou égal à 1, précisez Il y a des éléments enfants dans l'élément
S'il est inférieur à 1, alors il y a des éléments enfants dans l'élément spécifié

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$len=$("div").children().length;
					if ($len>=1) {
						console.log("指定元素中有子元素");
					} else {
						console.log("指定元素中没有子元素");
					}
				});
			});
		</script>
	</head>

	<body>
		<div style="border: 1px solid red;">
			<p>子元素1</p>
			<span>子元素2</span>
			<span>子元素2</span>
			<p>子元素3</p>
			<p>子元素4</p>
		</div><br>
		<button>指定div元素是否有子元素</button>
	</body>
</html>

Copier après la connexion

Comment déterminer si un élément a des éléments enfants dans jquery