jquery-Nest()-Methode


  Übersetzungsergebnisse:

am nächsten

Englisch [k'ləʊsɪst] US [k'loʊsɪst]

adj

jquery-Nest()-MethodeSyntax

Funktion: Die Methode closest() ruft das erste Vorfahrenelement ab, das mit dem Selektor übereinstimmt, beginnend beim aktuellen Element und im DOM-Baum nach oben. Syntax: Element.


Erläuterung:

Bei einem jQuery-Objekt, das eine Sammlung von DOM-Elementen darstellt, können wir mit der Methode .closest() diese Elemente und ihre Vorgängerelemente im DOM-Baum abrufen und ein neues jQuery-Objekt mit den passenden Elementen erstellen . Die Methoden .parents() und .closest() ähneln sich darin, dass sie beide den DOM-Baum nach oben durchlaufen.

jquery-Nest()-MethodeBeispiel

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
  li { margin: 3px; padding: 3px; background: #EEEEEE; }
  li.hilight { background: yellow; }
</style>
</head>
<body>
  <ul>
    <li><b>Click me!</b></li>
    <li>You can also <b>Click me!</b></li>
  </ul>
<script>
  $( document ).bind("click", function( e ) {
    $( e.target ).closest("li").toggleClass("hilight");
  });
</script>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Heim

Videos

Fragen und Antworten