jQuery-börja - eq() -metoden
Exempel
Genom att lägga till en klass för div med index 2, gör det blått:
$("body").find("div").eq(2).addClass("blue");
Definition och användning
eq() -metoden minskar matchningen av elementssamlingen till ett element på det angivna indexet.
Syntax
.eq(index)
| Parameter | Beskrivning |
|---|---|
| index |
Heltal, som indikerar elementets plats (minst 0). Om det är ett negativt tal, räknas från den sista elementet i samlingen. |
Detaljerad förklaring
Om ett jQuery-objekt som representerar en samling av DOM-element tillhandahålls, används .eq() -metoden för att skapa ett nytt jQuery-objekt med ett element från samlingen. Index-argumentet indikerar positionen på elementet i samlingen.
Se nedan denna enkla lista:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Exempel 1
Vi kan tillämpa denna metod på denna lista:
$('li').eq(2).css('background-color', 'red');
Resultatet av denna anrop är att punkt 3 får en röd bakgrund.Observera att index är baserat på noll och refererar till elementets plats i jQuery-objektet, inte i DOM-trädet.
Exempel 2
Om ett negativt tal tillhandahålls, indikerar det en position från slutet av samlingen, inte från början. Till exempel:
$('li').eq(-2).css('background-color', 'red');
Denna gång blir bakgrunden till punkt 4 röd, eftersom den är den andra från slutet av samlingen.
Exempel 3
Om det inte går att hitta elementet baserat på det angivna index-argumentet, skapar metoden ett jQuery-objekt med en tom samling, där length-attributet är 0.
$('li').eq(5).css('background-color', 'red');
Här, inga listobjekt blir röda, eftersom .eq(5) indikerar det sjätte listobjektet.
