Bis... vor

Konj. Bis..., vor...; nicht bis...

jquery prevUntil()-Methode Syntax

Funktion: Die Methode prevUntil() ruft die vorherigen Geschwisterelemente jedes Elements im aktuellen Satz übereinstimmender Elemente ab, enthält jedoch keine Elemente, die mit Selektoren, DOM-Knoten oder jQuery-Objekten übereinstimmen.

Syntax 1: .prevUntil(selector, filter)

Parameter:

Grammatik 2: re.prevuntil (Element, Filter)
Parameter Beschreibung
selector Optional. Ein Zeichenfolgenwert, der einen Selektorausdruck enthält, der angibt, wo der Abgleich vorheriger gleichgeordneter Elemente beendet werden soll.
Filter Optional. Zeichenfolgenwert, der den Selektorausdruck enthält, der zum Abgleichen des Elements verwendet wird.
Parameter:

Parameter

Beschreibung Bei einem jQuery-Objekt, das eine Sammlung von DOM-Elementen darstellt, können wir mit der Methode .prevUntil() nach Geschwisterelementen vor diesen Elementen im DOM-Baum suchen, bis wir auf den Selektor stoßen (übergeben an die Methodenparameter in ), bis die übereinstimmenden Elemente vorliegen. Das zurückgegebene neue jQuery-Objekt enthält alle vorherigen Geschwisterelemente mit Ausnahme desjenigen, das mit dem durch die Methode .prevUntil() angegebenen Selektor übereinstimmt. Die zurückgegebenen Elemente werden vom nächsten Geschwister zum am weitesten entfernten sortiert. Wenn keine Übereinstimmung vorliegt oder kein Selektor angewendet wird, werden alle vorhergehenden Geschwisterelemente ausgewählt. In diesem Fall wählt die Methode dieselben Elemente aus wie .prevAll(), wenn kein Selektor bereitgestellt wird. Ab jQuery 1.6 kann ein DOM-Knoten oder ein jQuery-Objekt anstelle eines Selektors als erstes Argument für die Methode .prevUntil() verwendet werden. Diese Methode akzeptiert einen optionalen Selektorausdruck als zweiten Parameter. Wenn dieser Parameter angewendet wird, werden Elemente gefiltert, indem geprüft wird, ob sie mit diesem Selektor übereinstimmen.

jquery prevUntil()-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").prevUntil("dt")
  .css("background-color", "red");
  
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd")
  .css("color", "blue");
</script>

</body>
</html>
Instanz ausführen »

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

Element optional. Ein DOM-Knoten oder ein jQuery-Objekt, das angibt, wo der Abgleich vorhergehender gleichgeordneter Elemente beendet werden soll.
Filter Optional. Zeichenfolgenwert, der den Selektorausdruck enthält, der zum Abgleichen des Elements verwendet wird.
Erläuterung: