getElementsByClassName方法获得单个元素

Question

我需要在每一个DIV具有一定的类添加一个事件监听功能，我想这一点：

var a = document.getElementsByClassName('linkto'); 

for (var i = 0; i<a.length;i++) { 
a[i].addEventListener('click',function(){ 
console.log(a); 
}); } 

但是，这给了我所有的div。我的div是在foreach循环中生成的：

@foreach($faqs['My_Stay'] as $faqheading) 
     <div class="row lowboarder linkcolor-darkblue linkto"> 
      {{ link_to('#div'.$faqheading->id,$faqheading->heading) }} 
     </div> 
@endforeach 

是否有确定哪个div被点击的好方法？

Answer 1

尝试像下面 “这个” 内的点击功能指的是点击DIV

for (var i = 0; i<a.length;i++) { 
a[i].addEventListener('click',function(){ 
console.log(this.innerText); 
}); }