html代码:
<ul>
<li>
<input type="button" value="赞(0)">
</li>
<li>
<input type="button" value="赞(0)">
</li>
<li>
<input type="button" value="赞(0)">
</li>
</ul>
JS代码:
//获取input按钮
var btn = document.getElementsByTagName('input');
//闭包缓存数据方式
function getValue(){
var value = 1;
return function(){//返回value值,这里产生了闭包
this.value = "赞(" + (value++) + ")"
}
}
//循环遍历每个按钮
for(var i=0; i<btn.length; i++){
//给每个按钮绑定点击事件,触发getValue函数
btn[i].onclick = getValue()
}
最后效果就点击每一个赞都会+1