Hjälp utvecklingen av webbplatsen och dela artikeln med vänner!
Definition av jQuery-index
Funktionen jQuery index() används för att returnera indexet för det specifika elementet med avseende på väljaren. Funktionen jQuery index() är en inbyggd funktion i jQuery. Funktionen jQuery index() söker efter det angivna elementet bland de matchade elementen, om elementet hittade det, returnerar det elementets index, om elementet inte finns i de matchade elementen, returnerar det -1. Om ingen parameter skickas till index()-funktionen, returnerar den positionen för det första elementet som finns i jQuery-objektet.
Syntax:
$( väljare). index( element );
Parametrar:
- element – Detta är en valfri parameter. Den anger elementet som ska söka och returnera indexvärdet med avseende på väljaren.
- Returvärde - Returvärdet för denna funktion är indexvärdet för det angivna elementet.
Funktionen jQuery index() fungerar
JQuery index()-funktionen accepterar en parameter, parametern är det element som ska söka i de matchade elementen. Anta att vi har ett element som används på nästa sida måste vi hitta indexet för ett specifikt element som "div". Så vi kan använda index()-funktionen som “$( “div” ).index( );”, vilket kommer att returnera ett tal som anger indexet för “div”-elementet på sidan.
Exempel
Exempel på jQuery index()-funktion för att få indexvärdet för det specifika elementet -
Exempel 1
Kod:
Detta är ett exempel på jQuery index( )-funktionen
Detta är ett exempel på index()-funktion:
Klicka på listan nedan med element för att få deras indexvärde bland deras lista.
Listen över grönsaker är:
Listen över frukter är:
En utmatning av koden ovan är -
När vi klickar på listan med element är respektive utdata -
I koden ovan finns det två beställningslistor skapade för grönsakerna och frukterna. Därefter används index()-funktionen för att få indexet för valda eller klickade listelement som "$( this ).index();". Observera att båda listorna är olika, så elementet ger indexvärdet med avseende på dess lista, som vi kan se i ovanstående utdata.
Exempel på funktionen jQuery array indexOf() för att hämta indexet för elementen från väljaren med passande parametervärde för sökningen -
Exempel 2
Kod:
Detta är ett första stycke utan någon klass. " Detta är ett andra stycke med klass c1."
Detta är ett exempel på jQuery index( )-funktionen
Detta är ett exempel på index()-funktion:
"
"
En utmatning av koden ovan är -
När vi klickar på det första p-elementet är utdata -
När vi klickar på det första span-elementet är utdata -
När vi klickar på det andra p-elementet är utdata -
När vi klickar på det andra span-elementet är utdata -
I ovanstående kod används "h3" "p" och "span"-elementen, "p" och "span" används också med klassen. Därefter används index()-funktionen för att få indexet för valda eller klickade element med och utan klass. Koden “$( “.c1” ).index( “span”);” väljer de element som har klassen "c1" och bland dessa väljer du "span" elementindex i den valda listan. Vi kan se resultatet för en annan kombination i ovanstående utdata.
Exempel på jQuery array indexOf()-funktion för att få indexet för de multipla elementen -
Exempel 3
Kod:
Detta är stycke.
Detta är ett exempel på jQuery index( )-funktionen
Detta är ett exempel på index()-funktion:
Hämta indexet för ett element
En utmatning av koden ovan är -
I koden ovan används elementen "h3", "p" och "span". Därefter används index()-funktionen för att få indexet "p" som returnerade 1, och används sedan för att få indexet "p" och "h3" i ett anrop som returnerade indexet "h3" som är det lägsta index och även prova tredje gången alternativt, där returnerar också det "h3"-index som är det lägsta indexet.Så bland de multipelväljare ger det det lägsta indexet, som vi kan se i ovanstående utdata.
Slutsats
Funktionen jQuery index() är en inbyggd funktion, som används för att returnera indexet för det specifika elementet med avseende på väljaren.