Metoda jQuery next() .
Příklad
Vraťte další sourozenecký prvek každého prvku <li> s názvem třídy "start":
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Výsledek:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definice a použití
Metoda next() vrací další sourozenecký prvek vybraného prvku.
Sourozenecké prvky jsou prvky, které sdílejí stejného rodiče.
Strom DOM: Tato metoda prochází vpřed podél dalšího sourozence prvků DOM.
Související metody:
- nextAll() - vrátí všechny další sourozenecké prvky vybraného prvku
- nextUntil() - vrátí všechny další sourozenecké prvky mezi dvěma danými argumenty
Syntax
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Zkuste si to sami - příklady
Jak vybrat další sourozenecký prvek každého prvku <div>.
Jak vybrat další sourozenecký prvek <p> každého prvku <div>.