jquery nextUntil()-Methode
Übersetzungsergebnisse：
next
Englisch [nekst]
adj. Bis..., vorher...; nicht bis...
jquery nextUntil()-MethodeSyntax
Funktion: nextUntil() ruft alle folgenden Geschwisterelemente jedes Elements ab, schließt jedoch keine Elemente ein, die mit Selektoren, DOM-Knoten oder übergebenen jQuery-Objekten übereinstimmen.
Syntax 1: .nextUntil(selector,filter)
Parameter:
| Parameter | Beschreibung |
| selector | String. Wert Enthält Anweisungen, wo der Abgleich nach dem Selektorausdruck für Geschwister beendet werden soll Elemente. |
| filter | String-Wert, der den Selektorausdruck enthält, der zum Abgleichen des Elements verwendet wird. |
Syntax 2: .nextUntil(element,filter)
Parameter:
| Parameter | Beschreibung |
| element | Gibt an, wo der Abgleich folgender Geschwisterelemente im DOM-Knoten beendet werden soll oder jQuery-Objekt. |
| filter | String-Wert, der den Selektorausdruck enthält, der zum Abgleichen des Elements verwendet wird. |
Erläuterung: Wenn ein jQuery-Objekt angegeben wird, das eine Sammlung von DOM-Elementen darstellt, können wir mit der Methode .nextUntil() nach Geschwisterelementen suchen, die den Elementen im DOM-Baum folgen, wenn wir auf die Geschwisterelemente stoßen mit den Parametern dieser Methode übereinstimmen. Die Suche stoppt, wenn ein Element gefunden wird. Das zurückgegebene neue jQuery-Objekt enthält alle folgenden Geschwisterelemente, jedoch nicht das Element, mit dem der Parameter übereinstimmt. Wenn der Selektor nicht übereinstimmt oder kein Selektor angegeben ist, werden alle folgenden Geschwister ausgewählt. Wenn kein Selektor zum Filtern bereitgestellt wird, sind die von dieser Methode ausgewählten Elemente dieselben wie die .nextAll()-Methode. Ab jQuery 1.6 kann anstelle eines Selektors ein DOM-Knoten oder ein jQuery-Objekt an die Methode .nextUntil() übergeben werden. Diese Methode akzeptiert einen optionalen Selektorausdruck als zweiten Parameter. Wenn dieser Parameter angegeben ist, werden Elemente gefiltert, indem ermittelt wird, ob sie mit diesem Selektor übereinstimmen.
jquery nextUntil()-MethodeBeispiel
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<dl>
<dt id="term-1">term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt id="term-3">term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
<script>
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
</script>
</body>
</html>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen