为未来元素添加点击事件的两种写法

Posted 2020-09-02 奔跑的小七

哈哈哈，小七来了，对于经常搬砖撸代码的猴子们，一定会遇到给好多li（死的还是动态字符串拼接生成的（对未来元素添加不到事件的看之前写的事件委托））添加点击事件

第一种：

var index=0;

for(var i=0;i<li.length;i++){

li[i].index=i;//必须的

li[i].onclick=function(){

alert(1)

}

}

第二种：

事件的另一种写法（动态生成的多个li标签都加onclick="jia(this)就不用for循环里面嵌套点击事件了）

<li onclick="jia(this)"></li>拼接的时候直接把事件拼接进去，还有利于代码的封装复用不错，小七比较喜欢他了呢，菊花已洗白，静等皇上回宫。

 

function jian(that){

//that就是this js对象

var that = $(that);//如果想用jq方法则转化一下

alert(1)

}