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

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需修改的部分

以上就是全部内容