将事件侦听器添加到elemnts数组中

时间:2018-03-08 08:31:43

标签: javascript typescript

如果我有一个元素阵列&另一个具有相同排列索引的对象数组&我需要为每个元素添加click事件以显示每个对象的属性。

例如:

myDivArray = [ div0, div1, div2];
myObjectArray = [object0, object1, object2];

myDivArray[1].addEventListener('click', function(event){
    document.getElementById('test').innerHTML = my object[1].name
});

当然,name是该对象中的属性。

1 个答案:

答案 0 :(得分:2)

使用forEach进行迭代

myDivArray.forEach( function( el, index ){
  el.addEventListener( "click", function(){
     document.getElementById('test').innerHTML = myObjectArray[ index ].name; 
  })
})