AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jquery遍历函数siblings()用法实例

51自学网 http://www.wanshiok.com
jquery,遍历函数,siblings(),jquery遍历

本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考,具体如下:

siblings([expr])

得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合

<!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>

复制代码 代码如下:
$(".hilite").siblings()

将得到包含特殊样式‘hilite'元素的所有兄弟元素集合。以下是匹配元素集合

<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>

希望本文所述对大家jQuery程序设计有所帮助。


jquery,遍历函数,siblings(),jquery遍历  
上一篇:jquery捕捉回车键及获取checkbox值与异步请求的方法  下一篇:jQuery中的siblings用法实例分析