当前位置: 首页 > 编程笔记 >

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

韩楷
2023-03-14
本文向大家介绍jquery遍历函数siblings()用法实例,包括了jquery遍历函数siblings()用法实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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中常用的遍历函数用法实例总结,包括了jQuery中常用的遍历函数用法实例总结的使用技巧和注意事项,需要的朋友参考一下 本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下: 1. children()函数 children()函数用于选取每个匹配元素的子元素,并以jQuery对象的形式返回。 你还可以使用选择器进一步缩小筛选范围,筛选出符合指定选

  • 本文向大家介绍jQuery siblings()用法实例详解,包括了jQuery siblings()用法实例详解的使用技巧和注意事项,需要的朋友参考一下 siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings() 其作用是筛选给定的同胞同类元素(不包括给定元素本身) 例子:网页选项栏 当点击任意一个选项卡是,其他2个选项卡就会改

  • 本文向大家介绍jQuery $.each遍历对象、数组用法实例,包括了jQuery $.each遍历对象、数组用法实例的使用技巧和注意事项,需要的朋友参考一下 通过它,你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数)   2、遍历数组(有附件参数)   3、遍历对象(没有附加参数) 下面提一下jQuery的each方法

  • 本文向大家介绍php目录遍历函数opendir用法实例,包括了php目录遍历函数opendir用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php目录遍历函数opendir用法。分享给大家供大家参考。具体分析如下: opendir()函数的作用是:打开目录句柄,如果该函数成功运行,将返回一组目录流(一组目录字符串),如果失败将返回错误[error],你可以在函数的最前面加上“@”

  • 本文向大家介绍jQuery中的siblings用法实例分析,包括了jQuery中的siblings用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下: 所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。 我们还知道, 在本例中可以写成 默认拿和它自己相同的兄弟元素。

  • 主要内容:jQuery 遍历方法jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素(包含文本和注释节点) each() 为每个