JQuery :eq() 选择器 与 eq()遍历方法

Posted 2020-10-31 potato~~

一、：eq()选择器

语法： $(  " :eq(index)" ) 

在匹配的集合中选择索引值为index的元素，index索引值从0算起。就是选的第 “index+1” 的元素。

若要获取变量，

 

$("#parent child:eq( j ) input:eq(0)").val(elem);  //j是变量
$("#parent child:eq( j ) input:eq(1)").val(da[elem]);  

 

上面这种写法报错，要使用下面这种写法：

$("#parent child:eq(" + j + ") input:eq(0)").val(elem);  
$("#parent child:eq(" + j + ") input:eq(1)").val(da[elem]);  

：eq()选择器中要写变量，即index是动态变化的，则需要用+  +连接

 

二、eq()遍历方法

语法：eq(index | -index) 

index:整数（正数），选择索引值为index的元素，索引值从0算起。

-index:整数（负数），从集合元素中的最后一个元素开始倒数，从1算起。

应用：tab选项卡切换

若是

 $(‘div.tab_box > div‘)   //选取子节点

                    .eq(index).show().siblings().hide();

这样写就可以实现tab切换的效果，

若是 $(‘div.tab_box > div:eq(index)‘)

                     .show().siblings().hide()

就不能切换。