jQuery-traversering - prev() -metoden
Exempel
Sök varje stycke och hitta föregående syskon med klassnamnet "selected":
$("p").prev(".selected")
Definition och användning
prev() får närmaste föregående syskon till varje element i matchande elementkolllektion, val av filter genom väljare är valfritt.
.prev(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 DOM-elementkollektion ges, tillåter .prev() -metoden oss att söka efter föregående syskon till dessa element i DOM-trädet och skapa ett nytt jQuery-objekt med matchande element.
Denna metod accepterar ett valfritt väljarexpression, av samma typ som de parametrar vi skickar till $() -funktionen. Om denna väljare används kommer elementen att filtreras genom att kontrollera om de matchar väljaren.
Tänk på denna sida med en grundläggande nästlade 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 från den tredje punkten kan vi hitta närmaste element mellan dem:
$('li.third-item').prev().css('background-color', 'red');
Resultatet av att anropa här är att sätta bakgrundsfärgen för projekt 2 till röd. Eftersom vi inte har använt en väljarexpression blev den föregående elementen naturligtvis en del av objektet. Om en väljare används kommer det att kontrolleras om elementet matchar väljaren innan elementet inkluderas.
