jQuery中有一個比較有用的選擇器,那就是“lt”選擇器。這個選擇器可以幫助我們找到一定范圍內的某些元素。
// 選取序號小于1的li元素 $('li:lt(1)').css('color', 'red');
在上面的代碼中,我們使用“lt”選擇器來選取序號小于1的li元素,然后通過css方法改變它們的顏色為紅色。
// 選取頁面中前3個p元素 $('p:lt(3)').css('font-size', '20px');
還可以使用“lt”選擇器來選取頁面中前3個p元素,并將它們的字體大小改為20px。
需要注意的是,“lt”選擇器是從0開始計數的,即lt(1)表示序號為0的元素。
// 選取頁面中第一個div之前的所有元素 $('div:first').prevAll().css('background-color', 'gray'); $('div:first').prevAll().lt(3).css('background-color', 'white');
除此之外,“lt”選擇器還可以和其他選擇器聯合使用,比如在上面的代碼中,我們選取了頁面中第一個div之前的所有元素,并將它們的背景顏色改為灰色。然后我們又使用了“lt”選擇器選取了前3個元素,并將它們的背景顏色改為白色。
總的來說,“lt”選擇器在頁面元素的篩選中非常實用,能夠幫助我們快速地找到序號符合某個要求的元素。