在js的循环中绑定事件

鲁莽的二虎

已于 2024-07-04 14:48:25 修改

阅读量1.4k

点赞数 1

文章标签： javascript 前端开发语言

于 2019-04-18 14:01:52 首次发布

本文链接：https://blog.csdn.net/jack_199001/article/details/89377404

版权

在js的循环中绑定事件

问题：在循环中绑定事件
问题解决：绑定事件放在及时运行函数中

问题：在循环中绑定事件

    var allCheckBox= $(".assignmentHouseContent img[src='./resource/images/public/IsNSelect.png']")
    for(var i = 0; i < allCheckBox.length; i++){
        console.log(allCheckBox[i]);
            allCheckBox[i].addEventListener("click",function(){
                if(allCheckBox[i].src.indexOf("IsNSelect")!= -1){
                    allCheckBox[i].src="./resource/images/public/IsSelect.png";
                    console.log("a")
                }else if(allCheckBox[i].src.indexOf("IsSelect")!= -1){
                    allCheckBox[i].src="./resource/images/public/IsNSelect.png";
                    console.log("b");
                }
            })
    }

问题解决：绑定事件放在及时运行函数中

    var allCheckBox= $(".assignmentHouseContent img[src='./resource/images/public/IsNSelect.png']")
    for(var i = 0; i < allCheckBox.length; i++){
         console.log(allCheckBox[i]);
         //立即运行函数
         (function(i){
             allCheckBox[i].addEventListener("click",function(){
                 if(allCheckBox[i].src.indexOf("IsNSelect")!= -1){
                     allCheckBox[i].src="./resource/images/public/IsSelect.png";
                     console.log("a")
                 }else if(allCheckBox[i].src.indexOf("IsSelect")!= -1){
                     allCheckBox[i].src="./resource/images/public/IsNSelect.png";
                     console.log("b");
                 }
             })
         })(i)
     }