Help de ontwikkeling van de site en deelt het artikel met vrienden!

Definitie van jQuery-index

De jQuery index() functie wordt gebruikt om de index van het specifieke element met betrekking tot de selector terug te geven. De jQuery index()-functie is een ingebouwde functie in jQuery. De functie jQuery index() zoekt naar het opgegeven element onder de overeenkomende elementen, als het element het heeft gevonden, retourneert het de index van het element, als het element niet wordt gevonden in de overeenkomende elementen, retourneert het -1. Als er geen parameter wordt doorgegeven aan de functie index(), dan retourneert deze de positie van het eerste element dat aanwezig is in het jQuery-object.

Syntaxis:

$( selector). index( element);

Parameters:

  • element - Dit is een optionele parameter. Het specificeert het element dat moet zoeken en de indexwaarde moet retourneren met betrekking tot de selector.
  • Retourwaarde - De retourwaarde van deze functie is de indexwaarde van het opgegeven element.

Werking van de jQuery index() Functie

De JQuery index() functie accepteert één parameter, de parameter is het element dat moet zoeken in de overeenkomende elementen. Stel dat we een element hebben dat op de volgende pagina wordt gebruikt, dan moeten we de index van een specifiek element zoals "div" vinden. We kunnen de functie index() dus gebruiken als "$("div" ).index();", die een getal retourneert dat de index van het "div"-element op de pagina aangeeft.

Voorbeelden

Voorbeeld van jQuery index() functie om de indexwaarde van het specifieke element te krijgen -

Voorbeeld 1

Code:


Dit is een voorbeeld voor jQuery index( ) functie

Dit is een voorbeeld van de index() functie:


Klik op de onderstaande lijst met elementen om hun indexwaarde in hun lijst te krijgen.

De lijst met groenten is:



  1. Maïs
  2. Paddestoel
  3. Broccoli
  4. Komkommer

De lijst met fruit is:



  1. Appel
  2. Banaan
  3. Kers
  4. Pome

Een uitvoer van de bovenstaande code is -

Zodra we op de lijst met elementen klikken, zijn de respectieve outputs -

In de bovenstaande code zijn er twee bestellijsten gemaakt voor de groenten en fruit. Vervolgens wordt de functie index() gebruikt om de index van geselecteerde of aangeklikte lijstelementen op te halen als "$( this ).index();". Merk op dat beide lijsten verschillend zijn, dus het element geeft de indexwaarde met betrekking tot zijn lijst, zoals we kunnen zien in de bovenstaande uitvoer.

Voorbeeld van jQuery array indexOf() functie om de index van de elementen uit de selector te halen met het doorgeven van parameterwaarde voor de zoekopdracht -

Voorbeeld 2

Code:


Dit is een voorbeeld voor jQuery index( ) functie

Dit is een voorbeeld van de index() functie:


Dit is een eerste alinea zonder enige klasse.

"Dit is een eerste spandoos met klasse c1.
"

" Dit is een tweede alinea met klasse c1."

"Dit is een tweede spandoos met klasse c1.
"

Een uitvoer van de bovenstaande code is -

Zodra we op het eerste p-element klikken, is de uitvoer -

Zodra we op het eerste span-element klikken, is de uitvoer -

Zodra we op het tweede p-element klikken, is de uitvoer -

Zodra we op het tweede span-element klikken, is de uitvoer -

In de bovenstaande code worden de "h3" "p" en "span" elementen gebruikt, "p" en "span" ook met de klasse. Vervolgens wordt de functie index() gebruikt om de index te krijgen van geselecteerde of aangeklikte elementen met en zonder klasse. De code “$( “.c1” ).index( “span”);” selecteert de elementen met klasse "c1" en selecteert uit deze de "span" elementindex in de geselecteerde lijst. We kunnen in de bovenstaande uitvoer het resultaat zien voor een andere combinatie.

Voorbeeld van jQuery array indexOf() functie om de index van de meerdere elementen te krijgen -

Voorbeeld 3

Code:


Dit is een voorbeeld voor jQuery index( ) functie

Dit is een voorbeeld van de index() functie:


Dit is paragraaf.

Dit is een spanbox.
De index van een element ophalen

Een uitvoer van de bovenstaande code is -

In de bovenstaande code worden de elementen "h3" "p" en "span" gebruikt. Vervolgens wordt de functie index() gebruikt om de index van "p" te krijgen die 1 heeft geretourneerd, en vervolgens wordt gebruikt om de index van "p" en "h3" in één aanroep te krijgen die de index van "h3" heeft geretourneerd die de laagste is index en probeer ook de derde keer, er wordt ook de "h3" -index geretourneerd die de laagste index is.Dus onder de meervoudige selectors geeft het de laagste index, zoals we kunnen zien in de bovenstaande uitvoer.

Conclusie

De jQuery index() functie is een ingebouwde functie, die wordt gebruikt om de index van het specifieke element met betrekking tot de selector terug te geven.

Help de ontwikkeling van de site en deelt het artikel met vrienden!

Categorie:

Programmeertalen