jQuery przeglądanie - metoda eq()

Podręcznik do przeglądania jQuery

Przykład

Przez dodanie odpowiedniej klasy do div o indexie 2, zmienia się go na niebieski:

$("body").find("div").eq(2).addClass("blue");

Spróbuj sam

Definicja i użycie

Metoda eq() zmniejsza zestaw dopasowanych elementów do jednego na podstawie określonego index.

Gramatyka

.eq(index)
Parametr Opis
index

Liczba całkowita, wskazująca pozycję elementu (najmniejsza wartość to 0).

Jeśli jest to liczba ujemna, liczy się od ostatniego elementu w zbiorze.

Szczegółowe wyjaśnienie

Jeśli podano obiekt jQuery reprezentujący zestaw elementów DOM, metoda .eq() używa jednego elementu z zestawu do stworzenia nowego obiektu jQuery. Parametr index wskazuje pozycję elementu w zestawie.

Proszę spojrzeć na poniższą prostą listę:

<ul>
  <li>element listy 1</li>
  <li>element listy 2</li>
  <li>element listy 3</li>
  <li>element listy 4</li>
  <li>element listy 5</li>
</ul>

Przykład 1

Możemy zastosować tę metodę do tego zestawu elementów listy:

$('li').eq(2).css('background-color', 'red');

Spróbuj sam

Wynik tego wezwania ustawia tło elementu 3 na czerwone. Proszę zauważyć, że index jest zerowy i odnosi się do pozycji elementu w obiekcie jQuery, a nie w drzewie DOM.

Przykład 2

Jeśli podano ujemną liczbę, wskazuje to na pozycję od końca zbioru, zamiast od początku. Na przykład:

$('li').eq(-2).css('background-color', 'red');

Spróbuj sam

Tym razem, tło elementu 4 zmienia się na czerwone, ponieważ jest to drugi element od końca zbioru.

Przykład 3

Jeśli nie można znaleźć elementu na podstawie podanego parametru index, metoda ta tworzy obiekt jQuery z pustym zestawem, gdzie atrybut length wynosi 0.

$('li').eq(5).css('background-color', 'red');

Spróbuj sam

Tutaj, żaden element listy nie zmienia się na czerwony, ponieważ .eq(5) wskazuje na szósty element listy.

Podręcznik do przeglądania jQuery