javascript - 设置 jquery 鼠标悬停以访问 javascript 循环中的数组键？

Question

在我的循环中，用 x 正确分配了 ID，但是当我尝试用 x 分配数组函数时，它会抛出错误“此方法未定义”。我只是想知道如何正确构建这种类型的动态鼠标？任何帮助都会很棒！非常感谢，乔

for (x = 0; x < mapEastData.length; x++) {
    $('#marker' + x).on({
        mouseenter: function () {
            mapEastMarkers[x].setVisible(true);
        },
        mouseleave: function () {
            mapEastMarkers[x].setVisible(false);
        }
    })
}

Answer 1

我会选择使用类而不是 id 来触发悬停。

所以使用一个类，比如marker-class你的悬停选择器。

然后在 mouseenter / mouseleave 函数中，您应该能够使用以下内容访问该确切元素的 id： $(this).attr('id').replace("marker" , "")

然后替换清除 ID，以便您最终获得 ID 号。

我希望这对你有意义。我认为您当前代码的问题是 mouseenter/leave 函数不知道 var X 是什么。如果您想坚持当前的方法，您可能需要将您的 x 参数传递给这些函数。