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.
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>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen