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

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

青灯夜游original: 2022-05-23 18:50:281684parcourir

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.

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()

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

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>

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

[Apprentissage recommandé : Tutoriel vidéo jQuery, front-end web vidéo]

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!

jquery Length 对象

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：Quels plug-ins tiers existe-t-il pour jquery ?Article suivant：Quels plug-ins tiers existe-t-il pour jquery ?

Articles Liés

Voir plus