js如何循环添加点击事件

Posted 2023-04-02

就是给一组相同的div添加点击事件，并且能知道是点击的那个div
用jquery也可以
$("."+data[i].ids+"").on("click", function()
alert(data[i].ids);
);
这里是通过给div添加class，通过class来给点击事件的
可是却报错了
请问大神还有其他的办法吗？

$("."+data[i].ids+"").bind("click", function()
            $(this).data('divname',''+data[i].ids);
            alert($(this).data('divname'));
         );

这个是在这个div上绑定了一个数据

对了 报错内容发一下

追问

Uncaught TypeError: Cannot read property 'ids' of undefined

参考技术A $(".divclass").click(function ()
$(this) //当前点击的Div
) 参考技术B

你可以直接给他们一个公共的class，然后给予不同的id（区分点击的是那一个）。 

 <div class="test" id="div1"> 一些内容</div>
 <div class="test" id="div2">一些内容</div>
 <div class="test" id="div3">一些内容</div>

 2.  js代码：

$(".test").click(function()
         alert('我点击的这个div是'+$(this).attr('id'));
   );

js 循环li添加点击事件 （闭包的应用）

 var aLi = document.querySelectorAll(‘.article-tab li‘);
  for (var i = 0; i <= aLi.length; i++) {      
  (function(){      
    var p = i     
    aLi[i].onclick = function() {      
      alert(p);      
    }  
  })();  
}