javascript - for 循环内的 jQuery 函数

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 8 年前。

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

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

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