So erhalten Sie ein übergeordnetes Element mit jQuery-js-Tutorial-php.cn

So erhalten Sie ein übergeordnetes Element mit jQuery

不言

Freigeben： 2018-12-26 17:29:59

Original

23176 Leute haben es durchsucht

Wir haben drei Möglichkeiten, das übergeordnete Element mit jQuery abzurufen: .parent(), .parents() und .closest() Im Folgenden stellen wir diese drei Möglichkeiten vor, um das übergeordnete Element mit jQuery abzurufen, und ein konkretes Beispiel.

So erhalten Sie ein übergeordnetes Element mit jQuery

.Parent()

parent()-Methode gibt das direkte übergeordnete Element des ausgewählten Elements zurück.

Im unten dargestellten Beispiel werde ich diese Methode verwenden. Wenn ein Tag als Parameter angegeben wird, wird es nur zurückgegeben, wenn es sich um ein übergeordnetes Element handelt, das mit dem Tag übereinstimmt.

.parents()

parents()-Methode gibt nicht nur das übergeordnete Element, sondern auch alle Vorgängerelemente des ausgewählten Elements zurück.

Wenn ein Tag als Parameter angegeben ist, werden alle Elemente abgerufen, die diesem Parameter entsprechen.

.closest()

Die Methode closest() gibt das erste Vorgängerelement des ausgewählten Elements zurück.

Wenn Sie einen bestimmten Stil auf ein übergeordnetes Element anwenden möchten, können Sie „nest()“ verwenden.

Sehen wir uns ein konkretes Beispiel an

Wir verwenden die Parent()-Methode, um das übergeordnete Element abzurufen

Der Code lautet wie folgt:

HTML-Code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script src="sample.js" type="text/javascript"></script>
    <title>jQuery</title>
  </head>
  <body>
    <div>
      <p>这是一个div元素。</p>
    </div>
    <p>不是div元素。</p>
    <div>
      <p>是div元素。</p>
    </div>
    <p>不是div元素。</p>
    <div>
      <p>是div元素。</p>
    </div>
    <p>不是div元素。</p>
  </body>
</html>

Nach dem Login kopieren

So erhalten Sie ein übergeordnetes Element mit jQuery-Code

$(function(){
  $("p").parent("div").css("color","#d9534f");
});

Nach dem Login kopieren

Die Ergebnisse sind wie folgt: Wenn das übergeordnete Element ein Div ist, ändert es seine Farbe in Rot.

So erhalten Sie ein übergeordnetes Element mit jQuery

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den entsprechenden Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo erhalten Sie ein übergeordnetes Element mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!