Exemplu
Întoarcere toate elementele din fiecare frate următoarele <li> Element cu nume de clasă "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
Rezultat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Încearcă - l singur » Definiție și utilizare
nextAll() metoda returneaza toate elementele sibling următoare ale elementului selectat.
Elementele Sibling sunt elemente care au în comun același părinte.
Arborele DOM: Această metodă traversează înainte de-a lungul fratii de elemente DOM.
Metode asemanatoare:
- next() - returnează următorul element frate al elementului selectat
- nextUntil() - returnează toate elementele de frate următoarele între două argumente date
Sintaxă
$( Parametru Descriere filter Opțional. Specifică o expresie de selectare pentru a restrânge căutarea pentru următorii frați
Notă: Pentru a reveni mai multe frați, separați fiecare expresie cu o virgulă.
Încearcă-l singur - Exemple
Restrângeți căutarea
Cum de a filtra căutarea pentru elementele următoare frate.
Întoarcere multiple frați
Folosind parametrul de filtrare pentru a obține toate frații unui <h2> Element care au nume de clasa "first", "second" a "third" "first", "second" și "third" .
Selectați toate elementele frate următoare de pe un <p> Element
Cum de a selecta toate elementele unui frate pentru următoarele ale <p> Element.
Selectați toate frate următor <p> elemente de <div>
Cum de a selecta toate frate următor <p> elemente ale fiecărui <div> Element.