getElementsByClassName获取单个元素

时间:2014-12-02 03:19:12

标签: javascript html getelementsbyclassname

我需要在每个具有某个类的div上添加一个EventListener函数,我试过这个:

 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?

1 个答案:

答案 0 :(得分:-1)

尝试如下,点击功能中的“this”指的是点击的div

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