Metoda nextAll() jQuery do przeglądania

Podręcznik do przeglądania jQuery

Przykład

Znajdź wszystkie klasy po pierwszym div i dodaj im klasę:

$("div:first").nextAll().addClass("after");

Spróbuj sam

Definicja i użycie

nextAll() uzyskuje wszystkie następne braci dla każdego elementu w dopasowanej kolekcji elementów, filtrowanie za pomocą selektora jest opcjonalne.

Gramatyka

.nextAll(selector)
Parametr Opis
selector Wartość ciągła, zawierająca wyrażenie selekcyjne do dopasowania elementów.

Szczegółowe wyjaśnienie

Jeśli podamy obiekt jQuery reprezentujący kolekcję elementów DOM, metoda .nextAll() pozwala nam przeszukać elementy braci, które followsują w drzewie DOM, i zbudować nowy obiekt jQuery z dopasowującymi elementami.

Ta metoda akceptuje opcjonalne wyrażenie selekcyjne, o tym samym typie, co przekazuję do funkcji $(). Jeśli zastosujemy selektor, przefiltrujemy je, sprawdzając, czy pasują elementy.

Pomyśl o poniższej stronie z prostą listą:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

Jeśli zaczniemy od projektu trzeciego, możemy znaleźć elementy, które pojawiają się po nim:

$('li.third-item').nextAll().css('background-color', 'red');

Spróbuj sam

Wynik tego wywołania to, że projekty 4 i 5 zostały ustawione na czerwony tło. Ponieważ nie zastosowaliśmy wyrażenia selekcyjnego, następny element jest wyraźnie uwzględniony jako część obiektu. Jeśli już zastosowaliśmy selektor, sprawdzimy, czy pasuje, zanim go uwzględnimy.

Podręcznik do przeglądania jQuery