next

Englisch [nekst]

adj. Bis..., vorher...; nicht bis...

jquery nextUntil()-Methode Syntax

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:

ParameterBeschreibung
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()-Methode Beispiel

<!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>
Instanz ausführen ?

Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen