Javascript 从.attr获取变量名

Javascript 从.attr获取变量名,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有两个街区 <div data-array="array1" class="div-to-click">DIVtoClick</div> <div class="div-to-append"></div> 我可以从.attr('data-array')onclick获得变量名并执行类似操作吗 array1.forEach(function( elem ){ $('div-to-append').append( '<div cla

我有两个街区

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

<div class="div-to-append"></div>
我可以从
.attr('data-array')
onclick获得变量名并执行类似操作吗

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

将其附加到对象。不建议全球化,因为全球环境正在受到污染。因此,制作你自己的对象并

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>' );
   }); 
});
$('.div单击')。单击(函数(){
myObj[$(this).data(“数组”)].forEach(函数(elem){
$('div-to-append')。append(“”+elem+“”);
}); 
});

将其附加到对象。不建议全球化,因为全球环境正在受到污染。因此,制作你自己的对象并

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>' );
   }); 
});
$('.div单击')。单击(函数(){
myObj[$(this).data(“数组”)].forEach(函数(elem){
$('div-to-append')。append(“”+elem+“”);
}); 
});

您可以将数组定义为对象的属性,然后使用括号表示法检索它们。大概是这样的:

var obj = {
    array1: [ 1, 2, 3, 4, 5 ],
    array2: [ 6, 7, 8, 9, 10 ]
}

$('.div-to-click').click(function() {
    $.each(obj[$(this).data('array')], function(i, item){
        $('div-to-append').append('<div class="number">' + item + '</div>');
    }); 
});
var obj={
阵列1:[1,2,3,4,5],
阵列2:[6,7,8,9,10]
}
$('.div单击')。单击(函数(){
$.each(obj[$(this).data('array')),函数(i,项){
$('div-to-append')。append(''+项+'');
}); 
});

您可以将数组定义为对象的属性,然后使用括号表示法检索它们。大概是这样的:

var obj = {
    array1: [ 1, 2, 3, 4, 5 ],
    array2: [ 6, 7, 8, 9, 10 ]
}

$('.div-to-click').click(function() {
    $.each(obj[$(this).data('array')], function(i, item){
        $('div-to-append').append('<div class="number">' + item + '</div>');
    }); 
});
var obj={
阵列1:[1,2,3,4,5],
阵列2:[6,7,8,9,10]
}
$('.div单击')。单击(函数(){
$.each(obj[$(this).data('array')),函数(i,项){
$('div-to-append')。append(''+项+'');
}); 
});

HTML标记与
数据
属性的关系如何?另外,为了获取
数据,您是否尝试过使用
.data('array')
?您的HTML标记与
数据
属性有何关联?另外,要获取
,您是否尝试过使用
.data('array')
??