Latest web development tutorials

jQuery przejścia - rodacy (rodzeństwo)

Rodacy mają ten sam element nadrzędny.

Przez jQuery, jesteś w stanie przemierzać rodaków tego elementu w drzewie DOM.


Poziom w przechodzenie drzewa DOM

Istnieje wiele przydatnych sposobów, aby dostać się z nami w poziomie DOM przechodzenie drzewa:

  • (rodzeństwo)
  • next ()
  • nextAll ()
  • nextUntil ()
  • prev ()
  • prevAll ()
  • prevUntil ()

Metoda jQuery rodzeństwa ()

Metoda rodzeństwa () zwraca wybranego elementu wszystkie elementy rodaków.

Poniższy przykład zwraca <h2> elementu wszystkich rodaków:

Przykłady

$(document).ready(function(){
$("h2").siblings();
});

Spróbuj »

Można także skorzystać z opcjonalnych parametrów filtrowania poszukiwanie elementu rodakami.

Poniższy przykład zwraca należą do <h2> element wszyscy rodacy <p> element:

Przykłady

$(document).ready(function(){
$("h2").siblings("p");
});

Spróbuj »


Kolejna metoda jQuery ()

Kolejna metoda () zwraca wybrany element do następnego elementu rodaków.

Ta metoda zwraca tylko jeden element.

Poniższy przykład zwraca <h2> następnego elementu rodaków:

Przykłady

$(document).ready(function(){
$("h2").next();
});

Spróbuj »


Metoda jQuery nextAll ()

Metoda nextAll () zwraca wszystkie elementy postępuj fellow wybranego elementu.

Poniższy przykład zwraca <h2> element wszystkich rodaków do naśladowania:

Przykłady

$(document).ready(function(){
$("h2").nextAll();
});

Spróbuj »


Metoda jQuery nextUntil ()

nextUntil () zwraca metoda pomiędzy wszystkimi elementami dwóch rodaków przestrzegać podanych parametrów.

Poniższy przykład zwraca między <h2> i <H6> elementu wszystkich rodaków pomiędzy elementami:

Przykłady

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Spróbuj »


jQuery prev (), prevAll () prevUntil () metoda

Poprzednia praca () prevAll () i prevUntil () Metoda jest podobna do wyżej wymienionej metody, lecz w kierunku przeciwnym: wrócą się przed elementami rodakiem (w drzewie DOM przechodzenie do tyłu wzdłuż elementu rodakami zamiast przodu).