In jquery ist parent eine integrierte Traversal-Methode, die eine einzelne Ebene nach oben im DOM-Baum durchlaufen und das direkte übergeordnete Element des ausgewählten Elements zurückgeben kann. Die Syntax lautet „angegebenes Element object.parent(filter)“; akzeptiert akzeptabel Der weggelassene Parameter „filter“ wird zum Filtern von Elementen und zum Eingrenzen des Suchbereichs nach übergeordneten Elementen verwendet.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
In jquery ist parent eine integrierte Traversalmethode, die das direkte übergeordnete Element des ausgewählten Elements zurückgeben kann. Die
parent()-Methode durchläuft nur eine einzige Ebene nach oben im DOM-Baum.
Syntaxformat:
指定元素对象.parent(filter)
| Parameter | Beschreibung |
|---|---|
| Filter | Optional. Gibt einen Selektorausdruck an, der die Suche nach übergeordneten Elementen einschränkt. Dieser Parameter wird zum Filtern von Elementen und zum Einschränken des Suchbereichs nach übergeordneten Elementen verwendet. |
Beispiel 1: Die Methode parent() gibt das direkte übergeordnete Element zurück (Filter wird weggelassen)
<!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>Beispiel 2: Die Methode parent() gibt das direkte übergeordnete Element zurück (Filter nicht). weggelassen)
Weiter Ändern Sie für das obige Beispiel den JQ-Code:
$(document).ready(function() {
$("span").parent("li.1").css({
"color": "red",
"border": "2px solid red"
});
});
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Front-End-Video]
Das obige ist der detaillierte Inhalt vonWas ist ein übergeordnetes Element in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
