Maison > Article > interface Web > Comment exclure le premier élément dans jquery

Comment exclure le premier élément dans jquery

青灯夜游original: 2022-03-11 14:46:103281parcourir

Méthode de dépannage : 1. Utilisez la fonction not() et le sélecteur ":eq()", la syntaxe est "$(selector).not(":eq(0)")" ; ) et le sélecteur ":first", la syntaxe est "$(selector).not(":first")".

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

jquery exclut le premier élément

Méthode 1 : utilisez la méthode not() et le sélecteur :eq(0)

:eq() pour sélectionner les éléments avec la valeur d'index spécifiée. Les valeurs d'index commencent à 0 et tous les premiers éléments ont une valeur d'index de 0 (et non de 1).

not() supprime un élément de l'ensemble des éléments correspondants.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("ul").children().not(":eq(0)").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>第一个子元素</li>
				<li>第二个子元素</li>
				<li>第三个子元素</li>
				<li>第四个子元素</li>
				<li>第五个子元素</li>
			</ul>
		</div>
		<p>选择ul中除第一个子元素的其他元素</p>
	</body>
</html>

Comment exclure le premier élément dans jquery

Méthode 2 : Utilisez la méthode not() et le :first selector

:first selector pour sélectionner le premier élément.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("ul").children().not(":first").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>第一个子元素</li>
				<li>第二个子元素</li>
				<li>第三个子元素</li>
				<li>第四个子元素</li>
				<li>第五个子元素</li>
			</ul>
		</div>
		<p>选择ul中除第一个子元素的其他元素</p>
	</body>
</html>

Comment exclure le premier élément dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo 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 modifier la largeur d'un élément (largeur) dans jqueryArticle suivant：Comment modifier la largeur d'un élément (largeur) dans jquery

Articles Liés

Voir plus