In jquery wird die Methode parent() verwendet, um das direkte übergeordnete Element des ausgewählten Elements zurückzugeben. Das zurückgegebene Ergebnis ist ein Elementsatz, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält Suche nach übergeordneten Elementen. Die Syntax lautet „$(selector).parent(filter)“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 1.10.2, Dell G3-Computer.
Gibt das direkte übergeordnete Element des ausgewählten Elements zurück
parent()-Methode:
parent([expr]): Ruft einen Elementsatz ab, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält .
Die Syntax lautet:
$(selector).parent(filter)
Filter ist optional. Gibt einen Selektorausdruck an, der die Suche nach übergeordneten Elementen einschränkt.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="ancestors">body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
</html>Ausgabeergebnis:
Empfohlenes Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die übergeordnete Methode von jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die JQuery-Plug-Ins?
So bedienen Sie JSON mit JQuery
So löschen Sie Elemente in JQuery
Verwendung der jQuery-Methode hover()
jquery implementiert die Paging-Methode
Was ist ein verstecktes Element in jquery?
Was wird in jquery hervorgehoben?
Wie viele Menschen können Sie mit Douyin großziehen?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
