相关疑难解决方法(0)

如何在Javascript中使用循环生成事件处理程序?

例如,我有一个从AJAX响应生成的10个标签:

<a href="#" id="b1">b1</a>
<a href="#" id="b2">b2</a>
<a href="#" id="b3">b3</a>
<a href="#" id="b4">b4</a>
<a href="#" id="b5">b5</a>
<a href="#" id="b6">b6</a>
<a href="#" id="b7">b7</a>
<a href="#" id="b8">b8</a>
<a href="#" id="b9">b9</a>
<a href="#" id="b10">b10</a>
Run Code Online (Sandbox Code Playgroud)

我需要通过循环为每个人分配onclick事件:

for(i=1; i<11; i++) {
    document.getElementById("b"+i).onclick=function() {
        alert(i);
    }
}
Run Code Online (Sandbox Code Playgroud)

这不起作用,它只分配onclick到最后一个标签并提醒"11".我怎样才能让它发挥作用?我宁愿不使用jQuery.

javascript

21
推荐指数
3
解决办法
1万
查看次数

标签 统计

javascript ×1