javascript–使用当前元素类作为数组名称？

是否可以使用元素CSS类中的字符串作为数组名称？
我正在寻找一种更智能的方法来存储可能随着时间的推移而增长的默认动画,以在阵列中包含更多选项.

例

Javascript(jQuery)： –

var a1 = ['red', 'pink'];
var a2 = ['green', 'lime'];
var a3 = ['blue', 'cyan'];
$('ul li').click(function() {
arr = $(this).attr('class'); // Does this need to be converted?
$('div#sprite').css('background', arr[0]); // Is this kosher?
$('div#sprite p').css('color', arr[1]);
});


HTML： –

提前致谢！

解决方法:

您可以使用以下命令按名称访问全局(顶级)变量：

window[arr]


所以你正在寻找窗口[arr] [0].在这里看到它：http://jsbin.com/ofemo

但是,这会在Javascript和设计之间建立紧密的联系.我通常更喜欢使用.addClass,并使用CSS定义颜色.