Metoda jQuery next() .

❮ Metody procházení jQuery

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>.


❮ Metody procházení jQuery