jQuery 遍历 - eq() 和siblings() 方法

eq() 方法将匹配元素集缩减值指定 index 上的一个。

通过为 index 为 2 的 div 添加适当的类,将其变为蓝色:

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width:60px; height:60px; margin:10px; float:left;
        border:2px solid blue; }
  .blue { background:blue; }
  </style>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <div></div>
  <div></div>
  <div></div>

  <div></div>
  <div></div>
  <div></div>

  <script>$("body").find("div").eq(2).addClass("blue");</script>
</body>
</html>

siblings()查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <div><span>Hello</span></div>
  <p class="selected">Hello Again</p>
  <p>And Again</p>

<script>
$("p").siblings(".selected").css("background", "yellow");
</script>

</body>
</html>
时间: 2024-10-27 03:27:57

jQuery 遍历 - eq() 和siblings() 方法的相关文章

jQuery 遍历 - eq() 方法

<!DOCTYPE html> <html> <head> <style> div { width:60px; height:60px; margin:10px; float:left; border:2px solid blue; } .blue { background:blue; } </style> <script type="text/javascript" src="/jquery/jquery.j

jquery遍历json与数组方法总结

来自:http://www.php100.com/html/program/jquery/2013/0905/5927.html 先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环 语法 $(selector).each(function(index,element)) 例  each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ];       

Jquery 遍历数组之$().each方法与$.each()方法介绍

$().each() 对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用$().each来处理checkbox是比较不错的; $("input[type='checkbox']").each(function(i){ $(this).attr("checked",true); }); 回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引): 但是这段代码只用到了input集合的索引

[ jquery 选择器 :eq(index) ] 此方法精确选取指定jquery对象中的指定下角标的对象

匹配一个给定索引值的元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keywor

Jquery遍历数组之$.inArray()方法介绍

$.inArray()函数用于在数组中搜索指定的值,并返回其索引值.如果数组中不存在该值,则返回-1; $.inArray(value,array)    --value是要查找的值,array是被查找的数组. 使用$.inArray()方法必须注意的点,否则会掉坑 (1)看如下代码: $(function () { var arr=[{"name":"张三"},{"name":"李四"},{"name":

Jquery 遍历数组之grep()方法介绍

grep()方法用于数组元素过滤筛选. grep(array,callback,boolean);方法参数介绍. array   ---待处理数组 callback  ---这个回调函数用来处理数组中的每个元素,并过滤元素,该函数包含两个参数,第一个参数是当前数组元素的值,第二个参数是当前数组元素的下标,返回值是一个布尔值. 下面是grep()方法的源代码: //grep函数,第三个参数表示是否根据fn的结果取反! grep: function( elems, callback, invert

jQuery 遍历用法

jQuery 遍历 DOM 树 parent() 方法返回被选元素的直接父元素. parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 . parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素. children() 方法返回被选元素的所有直接子元素. find() 方法返回被选元素的后代元素,一路向下直到最后一个后代. <script> $(document).ready(function(){ $("span").paren

jquery的eq()

jQuery 遍历 - eq() 方法 jQuery 遍历参考手册 实例 通过为 index 为 2 的 div 添加适当的类,将其变为蓝色: $("body").find("div").eq(2).addClass("blue"); 亲自试一试 定义和用法 eq() 方法将匹配元素集缩减值指定 index 上的一个. 语法 .eq(index) 参数 描述 index 整数,指示元素的位置(最小为 0). 如果是负数,则从集合中的最后一个元素往

jquery :eq选择器和eq()方法的用法与比较

:eq(index) 匹配一个给定索引值的元素 index:从 0 开始计数 $("ul li:eq(3)")  // 元素的index位置工0开始计数,所以这里的3实际为第4个元素 $("ul").find("li").eq(3) //使用jquery遍历方法eq() eq(index|-index) 获取第N个元素 index 一个整数,指示元素基于0的位置,这个元素的位置是从0算起. -index 一个整数,指示元素的位置,从集合中的最后一