jQuery Przeglądanie - metoda prevUntil()
Przykład
Znajdź wszystkie elementy p o wszystkich klasach "selected":
$("p").siblings(".selected")
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');
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.