jQuery :eq() 選擇器

定義和用法

:eq() 選擇器選取帶有指定 index 值的元素。

index 值從 0 開始，全部第一個元素的 index 值是 0（不是 1）。

常常與其餘元素/選擇器一塊兒使用，來選擇指定的組中特定序號的元素 

選擇第二個 <p> 元素：

$("p:eq(1)")

 

語法

$(":eq(index)")

參數	描述
index	必需。規定元素的 index 值。

 

:eq(index) 選擇器 可實現兩個div的一一對應顯示,js代碼以下

$(".div1").click(function(){

    $(this).addClass("hover");

    var divIndex = $(this).index();

    $(".div2").removeClass("display");

    $(".div2").eq(divIndex).addClass("display");

});