Pomagajte razvoju spletnega mesta, delite članek s prijatelji!

Definicija indeksa jQuery

Funkcija jQuery index() se uporablja za vrnitev indeksa določenega elementa glede na izbirnik. Funkcija jQuery index() je vgrajena funkcija v jQuery. Funkcija jQuery index() išče določen element med ujemajočimi se elementi, če ga je element našel, potem vrne indeks elementa, če elementa ni v ujemajočih se elementih, vrne -1. Če funkciji index() ni posredovan noben parameter, vrne položaj prvega elementa, ki je prisoten v objektu jQuery.

Sintaksa:

$ (izbirnik). indeks( element );

Parametri:

  • element - To je neobvezen parameter. Določa element, ki naj išče in vrne indeksno vrednost glede na izbirnik.
  • Povratna vrednost – vrnjena vrednost te funkcije je indeksna vrednost podanega elementa.

Delo funkcije indeksa jQuery()

Funkcija JQuery index() sprejema en parameter, parameter je element, ki naj išče v ujemajočih se elementih. Recimo, da imamo na naslednji strani uporabljen element, da moramo najti indeks določenega elementa, kot je "div". Torej lahko uporabimo funkcijo index() kot “$( “div” ).index();”, ki bo vrnila številko, ki označuje indeks elementa “div” na strani.

Primeri

Primer funkcije jQuery index() za pridobitev indeksne vrednosti določenega elementa -

Primer 1

Koda:


To je primer funkcije indeksa jQuery ()

To je primer funkcije index():


Kliknite spodnji seznam elementov, da dobite njihovo indeksno vrednost na seznamu.

Seznam zelenjave je:



  1. koruza
  2. Goba
  3. brokoli
  4. kumara

Seznam sadja je:



  1. Apple
  2. banana
  3. češnja
  4. Pome

Izhod zgornje kode je -

Ko kliknemo na seznam elementov, so ustrezni izhodi -

V zgornji kodi sta ustvarjena dva seznama naročil za zelenjavo in sadje. Nato se funkcija index() uporablja za pridobitev indeksa izbranih ali kliknjenih elementov seznama kot “$( this ).index();”. Upoštevajte, da sta oba seznama različna, zato element daje indeksno vrednost glede na svoj seznam, kot lahko vidimo v zgornjem izpisu.

Primer funkcije jQuery array indexOf() za pridobitev indeksa elementov iz izbirnika s posredovanjem vrednosti parametra za iskanje -

Primer 2

Koda:


To je primer funkcije indeksa jQuery ()

To je primer funkcije index():


To je prvi odstavek brez razreda.

"To je škatla prvega razpona z razredom c1.
"

" To je drugi odstavek z razredom c1."

"To je škatla drugega razpona z razredom c1.
"

Izhod zgornje kode je -

Ko kliknemo na prvi element p, je izhod -

Ko kliknemo na prvi element razpona, je izhod -

Ko kliknemo na drugi element p, je izhod -

Ko kliknemo na drugi element razpona, je izhod -

V zgornji kodi sta uporabljena elementa "h3" "p" in "span", "p" in "span" pa se uporabljata tudi z razredom. Nato se funkcija index() uporablja za pridobitev indeksa izbranih ali kliknjenih elementov z in brez razreda. Koda “$( “.c1” ).index( “span”);” izbere elemente, ki imajo razred “c1” in med njimi izberemo indeks elementa “span” na izbranem seznamu. V zgornjem izpisu lahko vidimo rezultat za drugo kombinacijo.

Primer funkcije jQuery array indexOf() za pridobitev indeksa več elementov -

Primer 3

Koda:


To je primer funkcije indeksa jQuery ()

To je primer funkcije index():


To je odstavek.

To je razpon škatla.
Pridobite indeks elementa

Izhod zgornje kode je -

V zgornji kodi sta uporabljena elementa “h3” “p” in “span”. Nato se funkcija index() uporablja za pridobitev indeksa "p", ki je vrnil 1, nato pa se uporabi za pridobitev indeksa "p" in "h3" v enem klicu, ki je vrnil indeks "h3", ki je najnižji index in poskusite tudi tretjič, vrnite tudi indeks "h3", ki je najnižji indeks.Torej med več izbirniki daje najnižji indeks, kot lahko vidimo v zgornjem izpisu.

Sklep

Funkcija jQuery index() je vgrajena funkcija, ki se uporablja za vrnitev indeksa določenega elementa glede na izbirnik.

Pomagajte razvoju spletnega mesta, delite članek s prijatelji!

Kategorija:

Programski jeziki