javascript - 如何将多数组参数传递给 jquery for 循环

Question

我想在将鼠标悬停在 item 上时显示我的 overlay。

这是代码:

<div class="item" id="item-1">
    <div class="overlay" id="overlay-1"></div>
</div>
<div class="item" id="item-2">
    <div class="overlay" id="overlay-2"></div>
</div>

var items=["#item-1","#item-2"];
var overlays=["#overlay-1","#overlay-2"];
for (var i = 0; i < products.length; i++) {
  $(items[i]).hover(
    function(){$(overlays[i]).css("visibility", "visible");},
    function(){$(overlays[i]).css("visibility", "hidden");});
}

然而，它不起作用...它接缝 overlays[i] 无法识别...

为什么？

Answer 1

我会做这样的事

$(".item").hover(function(){
    $(this).find(".overlay").show();
});