當我們在使用 jQuery 的時候,選擇器是最常用的方法之一,其中eq
選擇器是一個非常強大且常用的工具。
簡單來說,eq
選擇器可以允許我們選擇一個指定范圍內的單個元素。比如,我們可能只想選擇一組列表項中的第三項,或者在一個表格中選擇第二列的所有單元格。
$(document).ready(function() { //選擇第三個列表項 $("ul li:eq(2)").css("color", "red"); //選擇第二列的所有單元格 $("table td:eq(1)").css("background-color", "green"); });
在上面的代碼中,我們使用了:eq()
來選擇我們所想要的元素。請注意,選擇器里的計數是從 0 開始的,而不是從 1 開始。因此在第一個例子中,我們用eq(2)
來選擇第三個列表項,而不是使用eq(3)
。
在實際中,我們也可以組合使用多個選擇器,來實現更為復雜的選擇。
$(document).ready(function() { //選擇類名為 section 中的第三個段落 $(".section p:eq(2)").css("color", "blue"); });
在上面的代碼中,我們組合使用了類名選擇器和:eq()
選擇器來選擇一個包含在具有 class 為section
的元素中,第三個段落(即計數為 2 的段落)。
通過使用eq
選擇器,我們可以方便地在指定的范圍內選擇指定的元素。這個功能在開發網頁時非常有用。
下一篇jquery選擇器0