JQuery :eq() 選擇器 與 eq()遍歷方法
阿新 • • 發佈:2018-04-21
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()遍歷方法