Pomozite razvoju web mjesta, dijelite članak s prijateljima!

Definicija jQuery indeksa

Funkcija jQuery index() koristi se za vraćanje indeksa određenog elementa u odnosu na selektor. Funkcija jQuery index() ugrađena je funkcija u jQuery. Funkcija jQuery index() traži navedeni element među podudarnim elementima, ako ga je element pronašao, onda vraća indeks elementa, ako element nije pronađen u podudarnim elementima, onda vraća -1. Ako nijedan parametar nije proslijeđen funkciji index(), tada ona vraća poziciju prvog elementa prisutnog unutar jQuery objekta.

Sintaksa:

$ (selektor). indeks( element );

Parametri:

  • element - Ovo je izborni parametar. Određuje element koji treba tražiti i vratiti vrijednost indeksa u odnosu na selektor.
  • Povratna vrijednost - Povratna vrijednost ove funkcije je vrijednost indeksa navedenog elementa.

Rad funkcije jQuery index()

Funkcija JQuery index() prihvaća jedan parametar, parametar je element koji treba tražiti u podudarnim elementima. Pretpostavimo da imamo element koji se koristi na sljedećoj stranici, moramo pronaći indeks određenog elementa poput "div". Dakle, možemo koristiti funkciju index() kao “$( “div” ).index();”, koja će vratiti broj koji označava indeks elementa “div” na stranici.

Primjeri

Primjer funkcije jQuery index() za dobivanje vrijednosti indeksa određenog elementa -

Primjer 1

Šifra:


Ovo je primjer funkcije jQuery index( )

Ovo je primjer funkcije index():


Kliknite donji popis elemenata da biste dobili njihovu vrijednost indeksa na popisu.

Popis povrća je:



  1. kukuruz
  2. gljiva
  3. brokula
  4. krastavac

Popis voća je:



  1. Jabuka
  2. Banana
  3. Trešnja
  4. Pome

Izlaz gornjeg koda je -

Kada kliknemo na popis elemenata, odgovarajući rezultati su -

U gornjem kodu postoje dvije liste narudžbi stvorene za povrće i voće. Zatim se funkcija index() koristi za dobivanje indeksa odabranih ili kliknutih elemenata popisa kao “$( this ).index();”. Imajte na umu da su oba popisa različita, tako da element daje vrijednost indeksa u odnosu na svoj popis, kao što možemo vidjeti u gornjem izlazu.

Primjer funkcije jQuery polja indexOf() za dobivanje indeksa elemenata iz selektora s prosljeđivanjem vrijednosti parametra za pretraživanje -

Primjer 2

Šifra:


Ovo je primjer funkcije jQuery index( )

Ovo je primjer funkcije index():


Ovo je prvi odlomak bez ikakve klase.

"Ovo je kutija prvog raspona klase c1.
"

" Ovo je drugi odlomak s klasom c1."

"Ovo je kutija drugog raspona klase c1.
"

Izlaz gornjeg koda je -

Kada kliknemo na prvi p element, izlaz je -

Kada kliknemo na prvi element raspona, izlaz je -

Kada kliknemo na drugi p element, izlaz je -

Kada kliknemo na drugi element raspona, izlaz je -

U gornjem kodu koriste se elementi “h3” “p” i “span”, “p” i “span” također se koriste s klasom. Zatim se funkcija index() koristi za dobivanje indeksa odabranih ili kliknutih elemenata sa i bez klase. Kôd “$( “.c1” ).index( “span”);” odabire elemente koji imaju klasu “c1” i među njima odabire indeks elementa “span” na odabranom popisu. U gornjem izlazu možemo vidjeti rezultat za drugu kombinaciju.

Primjer funkcije jQuery polja indexOf() za dobivanje indeksa više elemenata -

Primjer 3

Šifra:


Ovo je primjer funkcije jQuery index( )

Ovo je primjer funkcije index():


Ovo je odlomak.

Ovo je kutija za raspon.
Dobijte indeks elementa

Izlaz gornjeg koda je -

U gornjem kodu koriste se elementi “h3” “p” i “span”. Zatim se funkcija index() koristi za dobivanje indeksa "p" koji je vratio 1, a zatim se koristi za dobivanje indeksa "p" i "h3" u jednom pozivu koji je vratio indeks "h3" koji je najniži index i također pokušajte treći put alternativno, također vratite indeks "h3" koji je najniži indeks.Dakle, među višestrukim selektorima, daje najniži indeks, kao što možemo vidjeti u gornjem izlazu.

Zaključak

Funkcija jQuery index() je ugrađena funkcija koja se koristi za vraćanje indeksa određenog elementa u odnosu na selektor.

Pomozite razvoju web mjesta, dijelite članak s prijateljima!

Kategorija:

Programski jezici