django中循环生成的多个btn，只有第一个btn会弹出模态框

需求：为每个button按钮都绑定同一点击事件，点击每个btn都可弹出模态框

原因

1. 问题代码

<button id='btnDel' type="button" class="btn btn-primary btn-lg" > [删除] </button><script type="text/javascript">$(function (){bindBtnDelEvent();})function bindBtnDelEvent() {$("#btnDel").click(function () {// 点击id为btnDown的按钮，出现对应的模态框$('#myModal').modal('show');});}
</script>

2. 在使用$('#btnDel')的方法寻找id，只能为第一个btn绑定点击事件，因为jQuery中通过$匹配标签id的方法默认仅寻找第一个。

解决方法

1. 解决方法：为btn添加自定义class，通过寻找class的方式为每个button绑定同一个点击事件。如这里的“btnDel"：
2. 需要修改的代码

<button type="button" class="btnDel btn btn-primary btn-lg" > [删除] </button>$(".btnDel").click(function () { // js需修改的部分

以上就是全部内容