for循环中的jQuery函数

Question

让我们说当我将鼠标悬停在相应的链接元素上时，我想将段落元素变为红色。

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

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");
});