javascript - 从 .attr 获取变量名

Question

我有2 block

<div data-array="array1" class="div-to-click">DIVtoClick</div>

<div class="div-to-append"></div>

并有一个数组

array1 = [ 1, 2, 3, 4, 5 ];

我可以以某种方式从 .attr('data-array') onclick 获取变量名称并执行类似的操作

array1.forEach(function( elem ){
    $('div-to-append').append( '<div class="number">'+elem+'</div>' );
}); 

Answer 1

将其附加到一个对象。不建议全局化，因为全局环境正在受到污染。所以创建你自己的对象并

var myObj = {
   array1 = [ 1, 2, 3, 4, 5 ],
   //...
}

然后你可以使用括号表示法。

$('.div-to-click').click(function(){
   myObj[$(this).data("array")].forEach(function( elem ){
       $('div-to-append').append('<div class="number">' + elem + '</div>' );
   }); 
});