Metoda prevAll() jQuery do przechodzenia

Podręcznik do przechodzenia jQuery

Przykład

Znajdź wszystkie div przed ostatnim div i dodaj im klasę:

$("div:last").prevAll().addClass("before");

Spróbuj sam

Definicja i użycie

prevAll() uzyskuje rodzeństwa przed każdym elementem w zbiorze dopasowanych elementów, filtrowanie za pomocą wyborczyka jest opcjonalne.

Gramatyka

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

Szczegółowe wyjaśnienie

Jeśli podany jest obiekt jQuery reprezentujący zbiór elementów DOM, metoda .prevAll() pozwala na wyszukiwanie rodzeństw przed tymi elementami w drzewie DOM i tworzenie nowego obiektu jQuery z dopasowanych elementów.

Ta metoda akceptuje opcjonalne wyrażenie wyborcze, które jest tego samego typu, co parametry przekazywane do funkcji $(). Jeśli zastosujemy ten wyborczyk, elementy będą filtrowane poprzez sprawdzanie, czy pasują do tego wyborczyka.

Pomyśl o tej stronie z podstawowymi wcięciami listy:

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

Jeśli zaczniemy od trzeciego elementu, możemy znaleźć rodzeństwa między tymi elementami:

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

Spróbuj sam

Wynik wywołania tego tutaj to ustawienie tła na czerwono dla elementów 2 i 1. Ponieważ nie zastosowaliśmy wyrażenia wyborczego, te poprzedzające elementy naturalnie stały się częścią obiektu. Jeśli zastosowano wyrażenie wyborcze, sprawdzane będzie, czy te elementy pasują do wyborczyka, zanim będą zawarte w elemencie.

Podręcznik do przechodzenia jQuery