JQuery :eq() 選擇器 與 eq()遍歷方法

1、：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是動態變化的，則須要用+  +鏈接

 

2、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()

就不能切換。