Maison > Article > interface Web > Qu'est-ce que le parent dans jquery

Qu'est-ce que le parent dans jquery

青灯夜游original: 2022-04-20 14:33:143092parcourir

Dans jquery, parent est une méthode de parcours intégrée qui peut parcourir un seul niveau dans l'arborescence DOM et renvoyer l'élément parent direct de l'élément sélectionné. La syntaxe est "élément spécifié object.parent (filtre)" ; accepte acceptable Le paramètre "filter" omis est utilisé pour filtrer les éléments et restreindre la portée de la recherche des éléments parents.

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

Dans jquery, parent est une méthode de parcours intégrée qui peut renvoyer l'élément parent direct de l'élément sélectionné. La méthode

parent() ne parcourt qu'un seul niveau dans l'arborescence DOM.

Format de syntaxe :

指定元素对象.parent(filter)

Paramètres	Description
filter	Facultatif. Spécifie une expression de sélecteur qui restreint la recherche d'éléments parents. Ce paramètre est utilisé pour filtrer les éléments et restreindre la portée de la recherche des éléments parents.

Paramètres

Description

filter

Facultatif. Spécifie une expression de sélecteur qui restreint la recherche d'éléments parents.

Ce paramètre est utilisé pour filtrer les éléments et restreindre la portée de la recherche des éléments parents.

Exemple 1 : La méthode parent() renvoie l'élément parent direct (le filtre est omis)

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

	<body class="ancestors">body (曾曾祖父节点)
		<div style="width:500px;">div (曾祖父节点)
			<ul>ul (祖父节点)
				<li class="1">li (直接父节点)
					<span>span</span>
				</li>
				<li class="2">li (直接父节点)
					<span>span</span>
				</li>
			</ul>
		</div>
	</body>

</html>

Quest-ce que le parent dans jquery

Exemple 2 : La méthode parent() renvoie l'élément parent direct (le filtre n'est pas omis)

Suivant Pour l'exemple ci-dessus, modifiez le code jq :

$(document).ready(function() {
				$("span").parent("li.1").css({
					"color": "red",
					"border": "2px solid red"
				});
			});

Quest-ce que le parent 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 changer la police en Song Dynasty dans jqueryArticle suivant：Comment changer la police en Song Dynasty dans jquery

Articles Liés

Voir plus