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程序设计有所帮助。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语