jquery nextAll()-Methode


  Übersetzungsergebnisse:

next

Englisch [nekst]

adj

alle

Englisch [ɔ:l]

jede Art; so viel wie möglich

pron . völlig; sehr n [oft verwendet mit meinem, deinem, seinem, etc.]

jquery nextAll()-MethodeSyntax

Funktion: nextAll() ruft alle folgenden Geschwisterelemente jedes Elements im passenden Elementsatz ab. Die Filterung durch den Selektor ist optional.

Syntax: .nextAll(selector)

Parameter:

ParameterDescription
selector String-Wert, der den Selector enthält Wird verwendet, um mit dem Element übereinzustimmen.

Erläuterung: Bei einem jQuery-Objekt, das eine Sammlung von DOM-Elementen darstellt, können wir mit der Methode .nextAll() nach Geschwisterelementen suchen, die einem Element im DOM-Baum folgen, und mit dem Matching ein neues jQuery-Objekt erstellen Elemente. Die Methode akzeptiert einen optionalen Selektorausdruck desselben Typs, den ich an die Funktion $() übergeben habe. Wenn Sie einen Selektor anwenden, werden Elemente gefiltert, indem festgestellt wird, ob sie übereinstimmen.

jquery nextAll()-MethodeBeispiel

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width: 80px; height: 80px; background: #abc; 
        border: 2px solid black; margin: 10px; float: left; }
  div.after { border-color: red; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div>first</div>
  <div>sibling<div>child</div></div>
  <div>sibling</div>
  <div>sibling</div>
<script>
$("div:first").nextAll().addClass("after");
</script>
</body>
</html>
Instanz ausführen »

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

Heim

Videos

Fragen und Antworten