So finden Sie die übergeordnete Klasse eines angegebenen Elements in jquery-js-Tutorial-php.cn

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

coldplay.xixi

Freigeben： 2023-01-04 09:38:04

Original

5246 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 jquery

Rendering:

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!