你可以为生成的代码元素添加一个共同的 class,然后使用 jQuery 的 on() 方法来绑定点击事件,例如:
HTML 代码:
<div id="container">
<button class="my-button">按钮 1</button>
<button class="my-button">按钮 2</button>
<button class="my-button">按钮 3</button>
</div>
JavaScript 代码:
$(document).ready(function() {
$('#container').on('click', '.my-button', function() {
// 处理点击事件
alert('你点击了 ' + $(this).text());
});
});
这里,我们为所有的按钮元素添加了共同的 my-button
类,然后使用 on()
方法绑定了 click
事件。注意,on()
方法的第二个参数是字符串选择器,表示要绑定事件的元素,这里我们传入了我们生成代码的容器元素 #container
,然后在选择器字符串后面再传入我们要绑定事件的元素的选择器字符串 .my-button
。
这样就可以捕获通过 for 循环生成的代码的点击事件了。