Heim >Web-Frontend >js-Tutorial >So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery
So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery
- coldplay.xixiOriginal
- 2020-12-24 15:24:425289Durchsuche
Jquery-Methode, um die übergeordnete Klasse eines bestimmten Elements zu finden: 1. Verwenden Sie die Methode [closest()], um den ersten Vorfahren des ausgewählten Elements zurückzugeben. 2. Verwenden Sie die Methode [parent()], um das direkte übergeordnete Element von zurückzugeben das ausgewählte Elementelement.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, DELL G3-Computer.
Empfohlen: jquery-Video-Tutorial
jquery-Methode zum Suchen der übergeordneten Klasse eines bestimmten Elements:
In jquery können Sie die Methode „nearest()“ und die Methode „parent()“ verwenden, um das zu finden übergeordnete Klasse eines angegebenen Elements. Die Methode
closest()wird verwendet, um den ersten Vorfahren des ausgewählten Elements zurückzugeben. Die Methodeclosest()方法用于返回所选元素的第一个祖先。parent()
parent() wird verwendet, um das direkte übergeordnete Element des ausgewählten Elements zurückzugeben.
Beispiel 1: Verwenden Sie die Methode close(), um den ersten passenden Vorfahren eines Elements zu erhalten. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="text-align:center;">
<p style= "font-size: 17px; font-weight: bold;">点击按钮，查看结果</p>
<div class="parent">
<div class="child"></div>
</div>
<button>点击</button>
<p id="DOWN" style="color: green; font-size: 24px; font-weight: bold;"> </p>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$('button').on('click', function() {
var object = $('.child').closest('.parent');
if (object.length) {
$('#DOWN').text("className = '.child'" + "，parentName = '.parent'");
}
else {
$('#DOWN').text("不存在父类");
}
});
</script>
</body>
</html>
Rendering:
Beispiel 2: Verwenden Sie die Methode parent(), um das direkte übergeordnete Element eines Elements abzurufen Skript 
Das obige ist der detaillierte Inhalt vonSo finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!