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); 
}); }