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(");

Prøv det selv

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');

Prøv det selv

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');

Prøv det selv

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');

Prøv det selv

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).