jquery - jQuery - 使用元素ID来调用同名的现有变量......？

Question

我发现了一些看起来与我需要的相似的帖子，但似乎没有一个可以解决我的问题。

我有一组包含数据数组的变量。例如：

var data1 = [1,2,3,4,5];

我在页面上有与这些变量名称匹配的 id 元素。

<li id="data1">Data 1</li>

我希望能够单击<li>元素，并调用关联的变量。如何通过单击 id 为 data1 的元素来使用变量 data1 ...？

作为一个基本示例，假设我想提醒 data1 数组的内容。我从这样的事情开始：

$('li').click(function() {
   dataID = $(this).attr('id');

   alert( ...? ); // <- how do I get the contents of the variable data1 now that I know the clicked element's id was 'data1'?
});

Answer 1

如果将变量存储在对象上，则可以使用数组表示法轻松引用它。

var dataObj = {};
dataOjb.data1 = [1,2,3,4,5];
$('li').click(function() {
   alert( dataObj[this.id] );
});

Answer 2

您总是可以使用eval(dataID)来调用您的变量，但我建议您将值存储在一个对象中。事实上，eval除非绝对必要，否则不要使用。最好将您的值存储在对象中。