suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Verwendung der Traversalfunktion siblings() in jquery

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

巴扎黑
巴扎黑Original
2017-06-22 14:08:231500Durchsuche

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>

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jqueryNächster Artikel：Beschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jquery

In Verbindung stehende Artikel

Mehr sehen