1. 程式人生 > >JQuery :eq() 選擇器 與 eq()遍歷方法

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

child 索引 遍歷 應用 jquery code 連接 clas AR

一、: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()

就不能切換。

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