jQuery-besøg - prevUntil() metoden
Eksempel
Vælg alle afsnit, og reducer det valgte indhold til kun at inkludere de første og anden afsnit:
$("p").slice(0, 2).wrapInner(");
Definition og brug
slice() reducerer matchende elementkollektion til en delmængde inden for den specificerede indeksrækkevidde.
Syntaks
.slice(selector,end)
Parameter | Beskrivelse |
---|---|
selector |
Et heltal baseret på 0, der indikerer positionen for den valgte startelement. Er det et negativt tal, indikerer det en afstand fra slutningen af samlingen. |
end |
Et heltal baseret på 0, der indikerer positionen for den valgte afslutningselement. Er det et negativt tal, indikerer det en afstand fra slutningen af samlingen. Hvis det udelades, vil udvælgelsesområdet slutte ved samlingens ende. |
Detaljeret forklaring
Hvis der gives et jQuery-objekt, der repræsenterer en samling af DOM-elementer, bruger .slice() metoden til at konstruere et nyt jQuery-objekt ved at opbygge en undermængde af matchende elementer. En af elementernes positioner i den anvendte indeksparametresamling; hvis endeparametret udelades, inkluderes alle elementer efter indekset i resultatet.
Tænk på denne side med en simpel liste:
<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>
Vi kan anvende denne metode på listeemnekollektionen:
$('li').slice(2).css('background-color', 'red');
Resultatet af denne kaldelse er, at baggrunden for projekter 3, 4 og 5 sættes til rødt. Bemærk venligst, at de anvendte indeksparametre er baseret på nul og refererer til positionen af elementerne i jQuery-objektet, ikke i DOM-træet.
Endeparametret giver os mulighed for at begrænse udvælgelsesområdet yderligere. For eksempel:
$('li').slice(2, 4).css('background-color', 'red');
Nu vil kun projekter 3 og 4 blive valgt. Genkald det igen, indekset er baseret på nul; intervallet strækker sig til (men ikke inkluderer) den angivne indeks.
Negative eksponenter
jQuery's .slice() metode efterligner JavaScript array对象的 .slice() metode. En af de egenskaber, den efterligner, er evnen til at sende negative tal til start- eller endeparametrene. Hvis negative tal leveres, indikerer de en position fra slutningen af samlingen, ikke fra starten. For eksempel:
$('li').slice(-2, -1).css('background-color', 'red');
Denne gang vil kun listeemne 4 blive rødt, fordi dette projekt er det eneste inden for intervallet mellem fra afslutningen beregnet (-2) og fra afslutningen beregnet (-1).