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

Question

在我的循环中，ID 已使用 x 正确分配，但是当我尝试使用 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 参数传递到这些函数中。