Hjelp utviklingen av nettstedet, del artikkelen med venner!

Definisjon av jQuery-indeks

Funksjonen jQuery index() brukes til å returnere indeksen til det spesifikke elementet i forhold til velgeren. Funksjonen jQuery index() er en innebygd funksjon i jQuery. Funksjonen jQuery index() søker etter det spesifiserte elementet blant de matchede elementene, hvis elementet fant det, returnerer det indeksen til elementet, hvis elementet ikke finnes i de matchede elementene, returnerer det -1. Hvis ingen parameter sendes til index()-funksjonen, returnerer den posisjonen til det første elementet i jQuery-objektet.

Syntaks:

$( velger). index( element );

Parameters:

  • element – Dette er en valgfri parameter. Den spesifiserer elementet som skal søke og returnere indeksverdien i forhold til velgeren.
  • Returverdi – Returverdien til denne funksjonen er indeksverdien til det angitte elementet.

Arbeidet med jQuery-indeksen()-funksjonen

JQuery index()-funksjonen godtar én parameter, parameteren er elementet som skal søke i de matchede elementene. Anta at vi har et element brukt på siden neste, må vi finne indeksen til et spesifikt element som "div". Så vi kan bruke index()-funksjonen som “$( “div” ).index( );”, som vil returnere et tall som indikerer indeksen til “div”-elementet på siden.

Eksempler

Eksempel på jQuery index()-funksjonen for å få indeksverdien til det spesifikke elementet -

Eksempel 1

Kode:


Dette er et eksempel på jQuery index( )-funksjonen

Dette er et eksempel på index()-funksjon:


Klikk på listen nedenfor over elementer for å få indeksverdien i listen.

Listen over grønnsaker er:



  1. Corn
  2. Sopp
  3. Broccoli
  4. Agurk

Listen over frukter er:



  1. Apple
  2. Banana
  3. Cherry
  4. Pome

En utgang av koden ovenfor er -

Når vi klikker på listen over elementer, er de respektive utgangene -

I koden ovenfor er det opprettet to bestillingslister for grønnsaker og frukt. Deretter brukes index()-funksjonen for å få indeksen til valgte eller klikkede listeelementer som "$( this ).index();". Merk at begge listene er forskjellige, så elementet gir indeksverdien i forhold til listen, som vi kan se i utgangen ovenfor.

Eksempel på jQuery array indexOf() funksjon for å hente indeksen til elementene fra velgeren med bestått parameterverdi for søket -

Eksempel 2

Kode:


Dette er et eksempel på jQuery index( )-funksjonen

Dette er et eksempel på index()-funksjon:


Dette er et første avsnitt uten noen klasse.

"Dette er en første spennboks med klasse c1.
"

" Dette er et andre avsnitt med klasse c1."

"Dette er en andre spennboks med klasse c1.
"

En utgang av koden ovenfor er -

Når vi klikker på det første p-elementet, er utgangen -

Når vi klikker på det første span-elementet, er utgangen -

Når vi klikker på det andre p-elementet, er utgangen -

Når vi klikker på det andre span-elementet, er utgangen -

I koden ovenfor brukes "h3" "p" og "span"-elementene, "p" og "span" brukes også med klassen. Deretter brukes index()-funksjonen for å få indeksen til valgte eller klikkede elementer med og uten klasse. Koden “$( “.c1” ).index( “span”);” velger elementene som har klasse "c1", og blant disse velger du "span" elementindeks i den valgte listen. Vi kan se resultatet for en annen kombinasjon i utgangen ovenfor.

Eksempel på jQuery array indexOf()-funksjonen for å få indeksen til de flere elementene -

Eksempel 3

Kode:


Dette er et eksempel på jQuery index( )-funksjonen

Dette er et eksempel på index()-funksjon:


Dette er avsnitt.

Dette er en spanboks.
Få indeksen til et element

En utgang av koden ovenfor er -

I koden ovenfor brukes "h3" "p" og "span"-elementene. Deretter brukes index()-funksjonen for å få indeksen til "p" som returnerte 1, deretter brukt til å få indeksen til "p" og "h3" i ett kall som returnerte indeksen til "h3" som er den laveste indeks og også prøve tredje gang alternativt, returnerer også "h3"-indeksen som er den laveste indeksen.Så blant de flere velgerne gir den den laveste indeksen, som vi kan se i utgangen ovenfor.

Konklusjon

JQuery index()-funksjonen er en innebygd funksjon, som brukes til å returnere indeksen til det spesifikke elementet med hensyn til velgeren.

Hjelp utviklingen av nettstedet, del artikkelen med venner!

Kategori:

Programmerings språk