Boucle jQuery - méthode prevUntil()

Guide de遍历jQuery

Exemple

Sélectionnez tous les paragraphes, puis réduisez le contenu sélectionné pour ne contenir que les premiers et seconds paragraphes :

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

Essayez-le vous-même

Définition et utilisation

slice() réduit la collection des éléments correspondants à un sous-ensemble de l'échelle d'indices spécifiés.

Syntaxe

.slice(selector,end)
Paramètres Description
selector

Valeur entière basée sur 0, indiquant la position de début de sélection des éléments.

Si c'est un nombre négatif, il indique un décalage à partir de la fin de la collection.
end

Valeur entière basée sur 0, indiquant la position de fin de sélection des éléments.

Si c'est un nombre négatif, il indique un décalage à partir de la fin de la collection.

Si omis, la gamme de sélection se terminera à la fin de la collection.

Explication détaillée

Si un objet jQuery représentant une collection d'éléments DOM est donné, la méthode .slice() construit un nouveau jQuery objet avec un sous-ensemble des éléments correspondants. L'un des éléments de la collection d'indices appliqués est la position ; si le paramètre end est omis, tous les éléments après l'index seront inclus dans le résultat.

Pensez à cette page avec une liste simple :

<ul>
  <li>item de liste 1</li>
  <li>item de liste 2</li>
  <li>item de liste 3</li>
  <li>item de liste 4</li>
  <li>item de liste 5</li>
</ul>

Nous pouvons appliquer cette méthode à la collection d'éléments de liste :

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

Essayez-le vous-même

Le résultat de cette appelle est que le fond des éléments 3, 4 et 5 est mis en rouge. Veuillez noter que les paramètres index appliqués sont basés sur zéro et référents à la position des éléments dans l'objet jQuery,而非le DOM arbre.

Le paramètre end permet de limiter davantage la gamme de sélection. Par exemple :

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

Essayez-le vous-même

Maintenant, seuls les éléments 3 et 4 seront sélectionnés. Comme mentionné précédemment, l'index est basé sur zéro ; la gamme se'étend jusqu'à（mais ne comprend pas）l'index spécifié.

Exponentiel négatif

La méthode .slice() de jQuery imite la méthode .slice() de l'objet d'array JavaScript. L'une des caractéristiques qu'elle imite est la capacité à passer des nombres négatifs en tant que paramètres start ou end. Si des nombres négatifs sont fournis, ils indiquent une position à partir de la fin du jeu,而非du début. Par exemple :

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

Essayez-le vous-même

Cette fois, seul l'élément de liste 4 deviendra rouge, car ce projet est le seul à être compris entre la position -2 (à partir de la fin) et -1 (à partir de la fin).

Guide de遍历jQuery