suchen

Heim >Web-Frontend >js-Tutorial >jquery-Traversal-Funktion siblings() Verwendung example_jquery

jquery-Traversal-Funktion siblings() Verwendung example_jquery

WBOY
WBOYOriginal
2016-05-16 15:23:381375Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der JQuery-Traversal-Funktion siblings(). Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Geschwister([expr])

Ermitteln Sie die Menge aller Geschwisterelemente jedes Elements in der Menge aller übereinstimmenden Elemente. Gibt eine Sammlung ü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()

erhält einen Satz aller Geschwisterelemente, 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>

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

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：JS implementiert den Screen-Scrolling-Effekt oben in einigen HTML-Fixed-Pages_Javascript-FähigkeitenNächster Artikel：JS implementiert den Screen-Scrolling-Effekt oben in einigen HTML-Fixed-Pages_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen