jQuery-besök - nextAll() -metoden
Exempel
Hitta alla klassnamn efter den första div:en och lägg till dem:
$("div:first").nextAll().addClass("after");
Definition och användning
nextAll() hämtar alla efterföljande syskon för varje element i matchande elementssamlingen, filtrering med väljarexpression är valfritt.
Syntax
.nextAll(selector)
| Parameter | Beskrivning |
|---|---|
| selector | Strängvärde som innehåller väljarexpressionen för att matcha element. |
Detaljerad förklaring
Om en jQuery-objekt som representerar en samling DOM-element ges, tillåter .nextAll() -metoden oss att söka efter element som följer efter syskon i DOM-trädet och skapa en ny jQuery-objekt med matchande element.
Denna metod accepterar ett valfritt väljarexpressionsuttryck, av samma typ som jag skickar till $() -funktionen. Om en väljarexpresion används kommer de att filtreras genom att kontrollera om elementen matchar.
Tänk på följande sida med en enkel lista:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Om vi börjar med projekt tre kan vi hitta element som följer efter:
$('li.third-item').nextAll().css('background-color', 'red');
Detta anropets resultat är att projekt 4 och 5 har satts till röd bakgrund. Eftersom vi inte har använt en väljarexpresion inkluderas den närmaste elementet tydligt som en del av objektet. Om vi redan har använt en väljarexpresion kommer vi att kontrollera om den matchar innan vi inkluderar den.
