Hjælp udviklingen af ​​webstedet med at dele artiklen med venner!

Definition af jQuery-indeks

Funktionen jQuery index() bruges til at returnere indekset for det specifikke element i forhold til vælgeren. Funktionen jQuery index() er en indbygget funktion i jQuery. Funktionen jQuery index() søger efter det angivne element blandt de matchede elementer, hvis elementet fandt det, returnerer det elementets indeks, hvis elementet ikke findes i de matchede elementer, returnerer det -1. Hvis ingen parameter sendes til index()-funktionen, returnerer den positionen af det første element, der er til stede i jQuery-objektet.

Syntaks:

$( vælger). index( element );

Parameters:

  • element - Dette er en valgfri parameter. Den specificerer det element, der skal søge og returnere indeksværdien i forhold til vælgeren.
  • Returværdi - Returværdien for denne funktion er indeksværdien for det angivne element.

JQuery-indeks()-funktionen fungerer

JQuery index()-funktionen accepterer én parameter, parameteren er det element, der skal søge i de matchede elementer. Antag, at vi har et element brugt på den næste side, vi skal finde indekset for et specifikt element som "div". Så vi kan bruge index()-funktionen som “$( “div” ).index( );”, som vil returnere et tal, der angiver indekset for “div”-elementet på siden.

Eksempler

Eksempel på jQuery index() funktion til at få indeksværdien af det specifikke element -

Eksempel 1

Kode:


Dette er et eksempel på jQuery index( ) funktion

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


Klik på nedenstående liste over elementer for at få deres indeksværdi blandt deres liste.

Listen over grøntsager er:



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

Listen over frugter er:



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

Et output af ovenstående kode er -

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

I ovenstående kode er der oprettet to ordrelister for grøntsager og frugter. Dernæst bruges index()-funktionen til at få indekset over valgte eller klikkede listeelementer som "$( this ).index();". Bemærk, at begge lister er forskellige, så elementet giver indeksværdien i forhold til sin liste, som vi kan se i ovenstående output.

Eksempel på jQuery array indexOf()-funktion til at hente indekset for elementerne fra vælgeren med at sende parameterværdi for søgningen -

Eksempel 2

Kode:


Dette er et eksempel på jQuery index( ) funktion

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


Dette er et første afsnit uden nogen klasse.

"Dette er en første span-boks med klasse c1.
"

" Dette er et andet afsnit med klasse c1."

"Dette er en anden span-boks med klasse c1.
"

Et output af ovenstående kode er -

Når vi klikker på det første p-element, er outputtet -

Når vi klikker på det første span-element, er outputtet -

Når vi klikker på det andet p-element, er outputtet -

Når vi klikker på det andet span-element, er outputtet -

I ovenstående kode bruges "h3" "p" og "span" elementerne, "p" og "span" bruges også med klassen. Dernæst bruges index()-funktionen til at få indekset over valgte eller klikkede elementer med og uden klasse. Koden “$( “.c1” ).index( “span”);” vælger de elementer, der har klasse "c1", og blandt disse vælger "span" element indeks i den valgte liste. Vi kan se resultatet for en anden kombination i ovenstående output.

Eksempel på jQuery array indexOf() funktion til at få indekset for de flere elementer -

Eksempel 3

Kode:


Dette er et eksempel på jQuery index( ) funktion

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


Dette er afsnit.

Dette er en span box.
Hent indekset for et element

Et output af ovenstående kode er -

I ovenstående kode bruges "h3" "p" og "span" elementerne. Dernæst bruges index()-funktionen til at få indekset for "p", som returnerede 1, derefter brugt til at få indekset for "p" og "h3" i et kald, som returnerede indekset for "h3", der er det laveste indeks og også prøve tredje gang alternativt, der returnerer også "h3" indekset, der er det laveste indeks.Så blandt de mange vælgere giver det det laveste indeks, som vi kan se i ovenstående output.

Konklusion

Funktionen jQuery index() er en indbygget funktion, som bruges til at returnere indekset for det specifikke element i forhold til vælgeren.

Hjælp udviklingen af ​​webstedet med at dele artiklen med venner!

Kategori:

Programmeringssprog