Heim > Web-Frontend > js-Tutorial > Hauptteil

So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery

coldplay.xixi
Freigeben: 2023-01-04 09:38:04
Original
5259 Leute haben es durchsucht

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.

So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery

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 Methode closest()方法用于返回所选元素的第一个祖先。

  • 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> 
        $(&#39;button&#39;).on(&#39;click&#39;, function() { 
            var object = $(&#39;.child&#39;).closest(&#39;.parent&#39;); 
              
            if (object.length) { 
                $(&#39;#DOWN&#39;).text("className = &#39;.child&#39;" + ",parentName = &#39;.parent&#39;"); 
            }  
            else { 
                $(&#39;#DOWN&#39;).text("不存在父类"); 
            } 
        }); 
    </script> 
</body> 
  
</html>
Nach dem Login kopieren
So finden Sie die übergeordnete Klasse eines angegebenen Elements in jqueryRendering:

Beispiel 2: Verwenden Sie die Methode parent(), um das direkte übergeordnete Element eines Elements abzurufen Skript

So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery

(Video)

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage