编程 Javascript

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

Posted in Javascript onDecember 24, 2015

本文实例讲述了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()用法实例

- Author -

cui_angel

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 强制刷新页面的实现代码

Dec 13 Javascript

node.js中的fs.existsSync方法使用说明

Dec 17 Javascript

js动态生成Html元素实现Post操作（createElement）

Sep 14 Javascript

最全面的百度地图JavaScript离线版开发

Sep 10 Javascript

微信小程序之ES6与事项助手的功能实现

Nov 30 Javascript

JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】

Dec 12 Javascript

vue-resourse将json数据输出实例

Mar 08 Javascript

prototype.js简单实现ajax功能示例

Oct 18 Javascript

js原生实现移动端手指滑动轮播图效果的示例

Jan 02 Javascript

使用JavaScript保存文本文件到本地的两种方法

Jan 22 Javascript

小程序识别身份证，银行卡，营业执照，驾照的实现

Nov 05 Javascript

vue组件暴露和.js文件暴露接口操作

Aug 11 Javascript

jQuery中的siblings用法实例分析

Dec 24 #Javascript

JQuery标签页效果实例详解

Dec 24 #Javascript

谈谈我对JavaScript原型和闭包系列理解(随手笔记9)

Dec 24 #Javascript

JQuery实现Ajax加载图片的方法

Dec 24 #Javascript

谈谈我对JavaScript原型和闭包系列理解(随手笔记8)

Dec 24 #Javascript

js中flexible.js实现淘宝弹性布局方案

Jun 23 #Javascript

正则表达式优化JSON字符串的技巧

Dec 24 #Javascript