Neueste Web-Entwicklung Tutorials
 

jQuery next() Method

<JQuery Verfahrgeschwindigkeit Methoden

Beispiel

Bringen Sie das nächste Geschwisterelement von jedem <li> Element mit Klassennamen "start" :

$(document).ready(function(){
    $("li.start").next().css({"color": "red", "border": "2px solid red"});
});

Ergebnis:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
Versuch es selber "

Definition und Verwendung

Die next() Methode gibt den nächsten gleichrangigen Element des ausgewählten Elements.

Geschwisterelemente sind Elemente, die die gleichen Eltern teilen.

Der DOM - Baum: Diese Methode durchqueren vorwärts entlang der nächsten Geschwister von DOM - Elementen.

Ähnliche Methoden:

  • nextAll() - liefert alle nächsten geordneten Elemente des ausgewählten Elements
  • nextUntil() - liefert alle nächsten Geschwisterelemente zwischen zwei gegebenen Argumente

Syntax

$(selector).next( filter )

Parameter Beschreibung
filter Optional. Gibt einen Selektor Ausdruck der nächsten Geschwister Suche eingrenzen

Probieren Sie es selbst - Beispiele

Wählen Sie das nächste Geschwister jedes <div> Element
Wie das nächste Geschwisterelement jeder wählen <div> Element.

Verfeinern Sie die Suche
Wie die nächste Geschwister zu wählen <p> Element jedes <div> Element.


<JQuery Verfahrgeschwindigkeit Methoden