javascript - 使用特定的div ID来选择变量

Question

我有一些 jQuery，它在单击页面上的元素时获取该元素的 ID。我想使用该 ID 来选择要在 JS 中使用的变量。

例如:

我单击 ID 为“a”的元素。 我有一个名为“a”的变量，我想将此变量用于 DOM，因为用户单击了“a”元素。

Answer 1

假设您的变量位于全局范围内:

var a = "foobar",
    b = "barfoo";

那么这应该可以工作:

$('#a, #b').on('click', function(){
    console.log(window[this.id]); // "foobar" or "barfoo" when clicking #a or #b
});

您可以通过 window 对象访问全局范围内的变量。

但是，具有 id 的元素似乎被保存为寡妇对象上的属性，因此包含所有变量的对象将是一个更好的主意:

var props = {a: 1, b: 2};

然后:

console.log(props[this.id]);

<强> Fiddle example