javascript - 使用 HTML id 与 JS 变量进行比较？

Question

JS:

var player = {
    su11: 100,
    su22: 1000,
}
function gLoop() {
    $(".upgrade").each(function() {
        var test = player.obj[$(this).attr("id")];

        if(player.total >= test)
        {
            $(this).prop("disabled", false);
        }
    });
}
setInterval(gLoop, 50);

HTML:

<button id="su11" class="upgrade su"></button>

我目前的基本代码如上。在html中，.upgrade类的每个实例都有一个格式为“su##”的id，并且播放器有一系列同名的值。

我主要关心的是如何使用 id 来引用player中相应的值。代码是否存在与此无关的问题，或者这只是一个非常糟糕的主意？

我的主要目标是一个按钮，当值大于或等于其成本时，可以单击它自己。作为主游戏循环的一部分，它将定期检查。如果有更好的方法来做到这一点(我几乎肯定有)，请告诉我；我对 JS/JQuery 还比较陌生。

Answer 1

ID标签用于存储唯一标识符，可用于查找文档中的元素(而不是其他元素)。不要在此标签中存储任意信息。它违背了 ID 标签的目标，并且还会引发这样的情况:在某个时间文档中存在多个具有相同 ID 的元素(在多个元素具有相同信息负载的情况下)。

如果您确实想将数据连接到 DOM 元素，常见的方法是使用 data-xx元素的属性，例如 <element data-su="12"> ，然后您可以使用 player.object[$(this).data("su")] 来读取它.