jquery遍历函数siblings()用法实例
本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考，具体如下：
siblings([expr])
得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<scriptsrc="jquery.js"></script>
<script>
$(document).ready(function(){
varlen=$(".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:10px20px;font-size:16px;padding:5px;
font-weight:bolder;}
.hilite{background:yellow;}
</style>
</head>
<body>
<ul>
<li>One</li>
<li>Two</li>
<liclass="hilite">Three</li>
<li>Four</li>
</ul>
<ul>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
</ul>
<ul>
<li>Eight</li>
<liclass="hilite">Nine</li>
<li>Ten</li>
<liclass="hilite">Eleven</li>
</ul>
<p>Uniquesiblings:<b></b></p>
</body>
</html>
$(".hilite").siblings()
将得到包含特殊样式‘hilite'元素的所有兄弟元素集合。以下是匹配元素集合
<li>One</li> <li>Two</li> <li>Four</li> <li>Eight</li> <liclass="hilite">Nine</li> <li>Ten</li> <liclass="hilite">Eleven</li>
希望本文所述对大家jQuery程序设计有所帮助。