jQuery for 循环中的函数

Question

假设我想在将鼠标悬停在相应的 link 元素上时将段落元素变为红色。

为什么以下代码不起作用？最简单的替代方法是什么？

for (i = 0; i < 100; i++) {   
$("a").eq(i).mouseover(function(){
$("p").eq(i).css({"color":"red"})  
})
}

需要简单的解释。

Answer 1

您不必遍历元素。这样做，

$("a").mouseover(function() {
    $("p").eq($('a').index(this)).css("color", "red");
});

jQuery function inside a for loop