jQuery-Verarbeitung - prevUntil()-Methode

jQuery 遍历参考手册

Beispiel

Wählen Sie alle Absätze aus und reduzieren Sie den ausgewählten Inhalt auf nur die ersten und zweiten Absätze:

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

Versuchen Sie es selbst

Definition und Verwendung

slice() reduziert die Sammlung der übereinstimmenden Elemente auf die angegebene Indizespanne des Untersets.

Syntax

.slice(selector,end)
Parameter Beschreibung
selector

Ganze Zahl basierend auf 0, die die Position des Startelements der Auswahl anzeigt.

Wenn es negativ ist, bezieht sich dies auf den Abstand vom Ende der Sammlung.
end

Ganze Zahl basierend auf 0, die die Position des Endelements der Auswahl anzeigt.

Wenn es negativ ist, bezieht sich dies auf den Abstand vom Ende der Sammlung.

Wenn er weggelassen wird, endet der Auswahlbereich am Ende der Sammlung.

Detaillierte Erklärung

Wenn ein jQuery-Objekt gegeben ist, das eine Sammlung von DOM-Elementen darstellt, erstellt die .slice() -Methode einen neuen jQuery-Objekt, der einen Unter집 aus den übereinstimmenden Elementen erstellt. Die Position eines Elements im Satz der angewendeten index-Parameter; wenn der end-Parameter weggelassen wird, werden alle Elemente nach dem Index enthalten.

Denken Sie an diese Seite mit einer einfachen 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>

Wir können diese Methode auf die Sammlung von Listelementen anwenden:

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

Versuchen Sie es selbst

Das Ergebnis dieser Aufrufe ist, dass die Hintergrundfarbe der Elemente 3, 4 und 5 auf rot gesetzt wird. Beachten Sie, dass die angewendeten index-Parameter nullbasiert sind und auf die Position der Elemente im jQuery-Objekt und nicht im DOM-Baum verweisen.

Der end-Parameter ermöglicht es uns, den Auswahlbereich weiter zu beschränken. Zum Beispiel:

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

Versuchen Sie es selbst

Jetzt werden nur die Elemente 3 und 4 ausgewählt. Wiederholen wir, dass der Index nullbasiert ist; der Bereich erstreckt sich bis zum angegebenen Index (aber enthält ihn nicht).

Negative Potenzen

Die .slice() -Methode von jQuery nachahmt die .slice() -Methode des JavaScript-Array-Objekts. Eine der nachgeahmten Eigenschaften ist die Fähigkeit, negative Zahlen an die start- oder end-Parameter zu übergeben. Wenn negative Zahlen bereitgestellt werden, bezieht sich dies auf eine Position am Ende der Sammlung, nicht am Anfang. Zum Beispiel:

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

Versuchen Sie es selbst

In diesem Fall wird nur das Element 4 rot werden, da es sich im Bereich zwischen dem Ende gezählt (-2) und dem Ende gezählt (-1) befindet, das einzigartige Projekt in diesem Bereich ist.

jQuery 遍历参考手册