在jQuery中,可以使用 :eq() 或 .eq() 來選擇第n個元素,其中n表示元素的索引,從0開始計數(shù),索引越大,元素的排列順序越靠后。
// 使用 :eq() 選擇第3個元素 $("p:eq(2)").css("color", "red"); // 使用 .eq() 選擇第3個元素 $("p").eq(2).css("color", "red");
上面的兩個代碼示例中,都選擇了第3個p元素,并將它的顏色設(shè)置為紅色。注意,因為索引是從0開始計數(shù)的,所以要選擇第3個元素,索引應(yīng)該選擇2。
如果要選擇第n個元素,還可以使用 :nth-child(n) 或 :nth-of-type(n) 等選擇器。這些選擇器可以選擇某一類型的元素中的第n個元素。例如,選擇文檔中的第3個段落:
// 使用 :nth-child(n) 選擇第3個p元素 $("p:nth-child(3)").css("color", "red"); // 使用 :nth-of-type(n) 選擇第3個p元素 $("p:nth-of-type(3)").css("color", "red");
上面的兩個代碼示例中,都選擇了第3個p元素,并將它的顏色設(shè)置為紅色。其中 :nth-child(n) 可以選擇任意類型的元素,而 :nth-of-type(n) 只能選擇指定類型的元素。