jQuery doorzoeken - prevUntil() methode

jQuery 遍历参考手册

Voorbeeld

Selecteer alle paragrafen en verklein de geselecteerde inhoud tot alleen de eerste en tweede paragrafen:

$("p").slice(0, 2).wrapInner(");

Probeer het zelf

Definitie en gebruik

slice() vermindert de verzameling van gesorteerde elementen tot een subset binnen de opgegeven index range.

Syntaxis

.slice(selector,end)
Parameters Beschrijving
selector

Gebaseerd op een hele getal, geeft aan waar de selectie begint.

Is negatief, dan geeft het de offset aan vanaf het einde van de verzameling.
end

Gebaseerd op een hele getal, geeft aan waar de selectie eindigt.

Is negatief, dan geeft het de offset aan vanaf het einde van de verzameling.

Wordt overgeslagen, dan eindigt het selectiebereik aan het einde van de verzameling.

Uitleg

Als een jQuery object wordt gegeven dat een verzameling DOM-elementen vertegenwoordigt, maakt de .slice() methode een nieuw jQuery object van een subset van de gesorteerde elementen. De positie van een element in de verzameling index parameters die zijn toegepast; als de end parameter wordt overgeslagen, worden alle elementen na de index opgenomen in het resultaat.

Denk aan deze pagina met een eenvoudige lijst:

<ul>
  <li>lijst item 1</li>
  <li>lijst item 2</li>
  <li>lijst item 3</li>
  <li>lijst item 4</li>
  <li>lijst item 5</li>
</ul>

We kunnen deze methode toepassen op een verzameling van lijstitems:

$('li').slice(2).css('background-color', 'red');

Probeer het zelf

Het resultaat van deze aanroep is dat de achtergrondkleur van items 3, 4 en 5 rood wordt gezet. Let op, de index parameters die zijn toegepast zijn gebaseerd op nul en verwijzen naar de positie van de elementen in de jQuery object, niet in de DOM boom.

De end parameter laat ons de selectiebereik verder beperken. Bijvoorbeeld:

$('li').slice(2, 4).css('background-color', 'red');

Probeer het zelf

Nu worden alleen items 3 en 4 geselecteerd. Opnieuw te vermelden, de index is gebaseerd op nul; het bereik strekt zich uit tot (maar bevat niet) de gespecificeerde index.

Negatieve exponenten

De .slice() methode van jQuery imiteert de .slice() methode van JavaScript array objects. Een van de kenmerken die het imiteert, is het kunnen doorgeven van negatieve waarden aan de start of end parameters. Als negatieve waarden worden gegeven, geeft dit de positie aan van het einde van de verzameling, niet van het begin. Bijvoorbeeld:

$('li').slice(-2, -1).css('background-color', 'red');

Probeer het zelf

Dit keer verandert alleen lijstitem 4 in rood, omdat dit item het enige is binnen het bereik tussen twee (-2) en één (-1) van de eindpositie.

jQuery 遍历参考手册