Jquery peut-il détecter s'il existe des éléments frères et sœurs ?-Questions et réponses frontales-php.cn

Jquery peut-il détecter s'il existe des éléments frères et sœurs ?

青灯夜游

Libérer： 2022-06-08 17:15:38

original

1696 Les gens l'ont consulté

Peut détecter. Méthode de détection : 1. Utilisez l'instruction "specified element.siblings()" pour obtenir tous les éléments frères de l'élément spécifié, qui renverra un objet jquery contenant des éléments frères. 2. Utilisez l'instruction "jquery object.length==0" ; pour déterminer le nombre d'éléments frères et sœurs. Que le nombre soit 0, s'il est 0, il n'y a pas d'éléments frères, sinon il y en a.

Jquery peut-il détecter s'il existe des éléments frères et sœurs ?

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

Utilisez jquery pour vérifier si l'élément spécifié a des éléments frères.

Méthode de vérification :

1. Utilisez siblings() pour obtenir tous les éléments frères de l'élément spécifié

指定元素.siblings()

Copier après la connexion

renverra un objet jquery contenant des éléments frères.

2. Utilisez l'attribut length pour obtenir la longueur de l'objet jquery

La longueur obtenue par l'attribut length est le nombre d'éléments frères et sœurs

jquery对象.length==0

Copier après la connexion

Si le nombre d'éléments frères et sœurs est 0, c'est-à-dire il n'y a pas d'éléments frères et sœurs
Si Si le nombre n'est pas égal à 0, il y a des éléments frères et sœurs

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.siblings,.siblings *{ 
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var len=$("h2").siblings().length;
					if(len==0){
						console.log("h2没有同胞元素"); 
					}else{
						console.log("h2有同胞元素，其个数为："+len); 
					}
	
				});
			});
		</script>
	</head>
	<body>
		<div class="siblings">div (父)
			<p>p（兄弟元素）</p>
			<span>span（兄弟元素）</span>
			<h2>h2（本元素）</h2>
			<h3>h3（兄弟元素）</h3>
			<p>p（兄弟元素）</p>
		</div>
		<button>检测h2是否有同胞元素</button>
	</body>
</html>

Copier après la connexion

Jquery peut-il détecter sil existe des éléments frères et sœurs ?