jquery nextAll()-Methode
Übersetzungsergebnisse:
next
Englisch [nekst]
adj
alleEnglisch [ɔ:l]
jede Art; so viel wie möglich
pron . völlig; sehr n [oft verwendet mit meinem, deinem, seinem, etc.]
jquery nextAll()-MethodeSyntax
Funktion: nextAll() ruft alle folgenden Geschwisterelemente jedes Elements im passenden Elementsatz ab. Die Filterung durch den Selektor ist optional.
Syntax: .nextAll(selector)
Parameter:
Parameter | Description |
selector | String-Wert, der den Selector enthält Wird verwendet, um mit dem Element übereinzustimmen. |
Erläuterung: Bei einem jQuery-Objekt, das eine Sammlung von DOM-Elementen darstellt, können wir mit der Methode .nextAll() nach Geschwisterelementen suchen, die einem Element im DOM-Baum folgen, und mit dem Matching ein neues jQuery-Objekt erstellen Elemente. Die Methode akzeptiert einen optionalen Selektorausdruck desselben Typs, den ich an die Funktion $() übergeben habe. Wenn Sie einen Selektor anwenden, werden Elemente gefiltert, indem festgestellt wird, ob sie übereinstimmen.
jquery nextAll()-MethodeBeispiel
<!DOCTYPE html> <html> <head> <style> div { width: 80px; height: 80px; background: #abc; border: 2px solid black; margin: 10px; float: left; } div.after { border-color: red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div>first</div> <div>sibling<div>child</div></div> <div>sibling</div> <div>sibling</div> <script> $("div:first").nextAll().addClass("after"); </script> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen