jQuery Przeglądanie - metoda prevUntil()

Przykład

Znajdź wszystkie elementy p o wszystkich klasach "selected":

$("p").siblings(".selected")

Spróbuj sam

Definicja i zastosowanie

siblings() uzyskuje braci dla każdego elementu w dopasowanym zbiorze, filtrowanie przez wybór jest opcjonalne.

Gramatyka

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

Szczegółowe wyjaśnienie

Jeśli podamy obiekt jQuery reprezentujący zestaw elementów DOM, metoda .siblings() pozwala nam szukać elementów braci tych elementów w drzewie DOM i utworzyć nowy obiekt jQuery z dopasowanych elementów.

Ta metoda akceptuje opcjonalne wyrażenie wyborcze, takie jak typ parametrów przekazywanych do funkcji $(). Jeśli zastosujemy ten wybór, elementy będą filtrowane poprzez sprawdzanie, czy pasują do tego wyboru.

Pomyśl o tej stronie z podstawowymi listami węzłowymi:

<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 zaczynamy od trzeciego elementu, możemy znaleźć elementy braci tego elementu:

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

Spróbuj sam

Wynik wywołania ustawia tło elementów 1, 2, 4 i 5 na czerwone. Ustaw tło na czerwone. Ponieważ nie zastosowaliśmy wyrażenia wyborczego, wszystkie elementy braci naturalnie stały się częścią obiektu. Jeśli zastosowaliśmy wyrażenie wyborcze, zawierałoby on tylko projekty dopasowane do czterech list.

Oryginalny element nie zawiera elementów braci, pamiętaj to, gdy chcesz znaleźć wszystkie elementy na określonym poziomie drzewa DOM.