jQuery-Iteration - prev() -Methode
Beispiel
Suchen Sie jeden Abschnitt, finden Sie den vorherigen Cousin mit der Klasse "selected":
$("p").prev(".selected")
Definition und Verwendung
prev() erhält die engen Nachbarn jeder Element im übereinstimmenden Elementkatalog, das Filtern durch Auswahl ist optional.
.prev(selector)
| Parameter | Beschreibung |
|---|---|
| selector | Zeichenfolgenwert, der den Selector-Ausdruck enthält, der zum Matching der Elemente verwendet wird. |
Detaillierte Erklärung
Wenn ein jQuery-Objekt gegeben wird, das eine Sammlung von DOM-Elementen darstellt, ermöglicht die .prev() -Methode, dass wir nach den vorherigen Cousins dieser Elemente im DOM-Baum suchen und ein neues jQuery-Objekt aus den übereinstimmenden Elementen konstruieren.
Dieser Methodenakzeptiert ein optionales Selector-Ausdrucks, das dem Typ entspricht, den wir an die Funktion $() übergeben. Wenn dieser Selector angewendet wird, wird das Element durch Überprüfung, ob es dem Selector entspricht, gefiltert.
Denken Sie daran, diese Seite mit grundlegenden verschachtelten Listen zu betrachten:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Wenn wir ab dem dritten Projekt beginnen, können wir den engen Nachbarn zwischen den Elementen finden:
$('li.third-item').prev().css('background-color', 'red');
Das hier aufgerufene Ergebnis ist die Einstellung der Hintergrundfarbe des Projekts 2 auf rot. Da wir keinen Selector-Ausdruck angewendet haben, ist der vorherige Element natürlicherweise ein Teil des Objekts geworden. Wenn ein Selector angewendet wird, wird überprüft, ob das Element dem Selector entspricht, bevor es in das Element eingefügt wird.
