Detaillierte Erläuterung der Verwendung der Traversalfunktion siblings() in jquery-js-Tutorial-php.cn

Detaillierte Erläuterung der Verwendung der Traversalfunktion siblings() in jquery

巴扎黑

Freigeben： 2017-06-22 14:08:23

Original

1565 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung der JQuery-Traversal-Funktion siblings() vorgestellt und die zugehörigen Techniken der JQuery-Traversal-Funktion für die Element-Traversierung im Detail anhand von Beispielen analysiert.

Hierauf können sich Freunde in Not beziehen Artikel Das Beispiel beschreibt die Verwendung der JQuery-Traversal-Funktion siblings(). Teilen Sie es wie folgt mit allen als Referenz:

siblings([expr])

Erhalten Sie die Menge aller Geschwisterelemente jedes Elements in der Menge aller passende Elemente. Gibt den Satz übereinstimmender Elemente zurück

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
 <script src="jquery.js"></script>
 <script>
 $(document).ready(function(){
  var len = $(".hilite").siblings().css("color", "red").length;
  $("b").text(len);
 });
 </script>
 <style>
 ul { float:left; margin:5px; font-size:16px; font-weight:bold; }
 p { color:blue; margin:10px 20px; font-size:16px; padding:5px;
   font-weight:bolder; }
 .hilite { background:yellow; }
</style>
</head>
<body>
 <ul>
  <li>One</li>
  <li>Two</li>
  <li class="hilite">Three</li>
  <li>Four</li>
 </ul>
 <ul>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
 </ul>
 <ul>
  <li>Eight</li>
  <li class="hilite">Nine</li>
  <li>Ten</li>
  <li class="hilite">Eleven</li>
 </ul>
 <p>Unique siblings: <b></b></p>
</body>
</html>

Nach dem Login kopieren

Code kopieren Der Code lautet wie folgt:

$(".hilite" ).siblings()

ruft eine Sammlung aller Geschwisterelemente ab, die das spezielle Stilelement „hilite“ enthalten. Das Folgende ist der Satz passender Elemente

<li>One</li>
<li>Two</li>
<li>Four</li>
<li>Eight</li>
<li class="hilite">Nine</li>
<li>Ten</li>
<li class="hilite">Eleven</li>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Traversalfunktion siblings() in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!