Pomóż w opracowaniu witryny, udostępniając artykuł znajomym!

Definicja indeksu jQuery

Funkcja jQuery index() służy do zwracania indeksu określonego elementu w odniesieniu do selektora. Funkcja jQuery index() jest funkcją wbudowaną w jQuery. Funkcja jQuery index() wyszukuje określony element wśród dopasowanych elementów, jeśli element go znalazł, to zwraca indeks elementu, jeśli element nie został znaleziony w dopasowanych elementach, to zwraca -1. Jeśli do funkcji index() nie zostanie przekazany żaden parametr, zwraca ona pozycję pierwszego elementu obecnego w obiekcie jQuery.

Składnia:

$( selektor). indeks( element );

Parametry:

  • element - To jest parametr opcjonalny. Określa element, który ma przeszukać i zwrócić wartość indeksu względem selektora.
  • Wartość zwracana - Wartość zwracana przez tę funkcję jest wartością indeksu określonego elementu.

Działanie funkcji jQuery index()

Funkcja JQuery index() akceptuje jeden parametr, parametr jest elementem, który ma wyszukiwać w dopasowanych elementach. Załóżmy, że mamy element użyty na następnej stronie, musimy znaleźć indeks konkretnego elementu, takiego jak „div”. Możemy więc użyć funkcji index() jako „$(„div” ).index( );”, która zwróci liczbę wskazującą indeks elementu „div” na stronie.

Przykłady

Przykład funkcji jQuery index() do pobrania wartości indeksu określonego elementu -

Przykład 1

Kod:


To jest przykład funkcji jQuery index()

To przykład funkcji index():


Kliknij poniższą listę elementów, aby wyświetlić ich wartość indeksu na ich liście.

Lista warzyw to:



  1. Kukurydza
  2. Grzyb
  3. Brokuły
  4. Ogórek

Lista owoców to:



  1. Jabłko
  2. Banan
  3. Wiśnia
  4. Pome

Wyjście powyższego kodu to -

Kiedy klikniemy na listę elementów, odpowiednie wyjścia to -

W powyższym kodzie znajdują się dwie listy zamówień utworzone dla warzyw i owoców. Następnie funkcja index() służy do pobrania indeksu wybranych lub klikniętych elementów listy jako „$( this ).index();”. Zauważ, że obie listy są różne, więc element podaje wartość indeksu w odniesieniu do swojej listy, jak widać na powyższym wyjściu.

Przykład funkcji tablicy jQuery indexOf() do pobrania indeksu elementów z selektora z przekazaniem wartości parametru do wyszukiwania -

Przykład 2

Kod:


To jest przykład funkcji jQuery index()

To przykład funkcji index():


To jest pierwszy akapit bez żadnej klasy.

"Jest to pierwsza przęsła w klasie c1.
"

" To jest drugi akapit z klasą c1."

"Jest to druga przęsła o klasie c1.
"

Wyjście powyższego kodu to -

Kiedy klikniemy pierwszy element p, wynik to -

Kiedy klikniemy pierwszy element span, wynik to -

Kiedy klikniemy drugi element p, wynik to -

Kiedy klikniemy drugi element span, wynik to -

W powyższym kodzie, elementy „h3” „p” i „span” są używane, „p” i „span” są również używane z klasą. Następnie funkcja index() służy do pobrania indeksu wybranych lub klikniętych elementów z klasą i bez. Kod „$(„.c1” ).index(„rozpiętość”);” wybiera elementy, które mają klasę „c1” i spośród nich wybiera indeks elementu „span” na wybranej liście. Na powyższym wyjściu widzimy wynik dla innej kombinacji.

Przykład funkcji tablicy jQuery indexOf() do pobrania indeksu wielu elementów -

Przykład 3

Kod:


To jest przykład funkcji jQuery index()

To przykład funkcji index():


To jest paragraf.

To jest przęsło.
Pobierz indeks elementu

Wyjście powyższego kodu to -

W powyższym kodzie używane są elementy „h3”, „p” i „span”. Następnie funkcja index() służy do pobrania indeksu „p”, który zwrócił 1, a następnie służy do uzyskania indeksu „p” i „h3” w jednym wywołaniu, które zwróciło indeks „h3”, który jest najniższy indeks, a także spróbuj po raz trzeci alternatywnie, zwróć również indeks „h3”, który jest najniższym indeksem.Tak więc spośród wielu selektorów daje najniższy indeks, jak widać na powyższym wyjściu.

Wniosek

Funkcja jQuery index() jest funkcją wbudowaną, która służy do zwracania indeksu określonego elementu w odniesieniu do selektora.

Pomóż w opracowaniu witryny, udostępniając artykuł znajomym!

Kategoria:

Języki programowania