1. 程式人生 > >jQuery :nth-child() 選擇器

jQuery :nth-child() 選擇器

在jQuery中可以通過 :nth-child(n)選擇器來選擇第n個子元素,例如:

for (var i = 0; i < default_btnClass.length && i < 4; i++) {
    $("#toolBarBtnContainer button:nth-child(" + (i + 1) + ")").addClass(default_btnClass[i]);
}

上面的程式碼是將id為toolBarBtnContainer中的button元素中的第i+1個的class設定為default_btnClass[i],其中button元素的下標從1開始,所以是i+1。
另外,還可以用nth-last-child(n)從倒數第n個選取子元素,下標也是從1開始。