问题背景:
使用Django的ModelForm组件生成button按钮标签,需求是:点击每一个button按钮都绑定同一点击事件,并弹出模态框。
使用$('#button_id')的方法寻找id,只能实现为第一个button绑定点击事件,因为jQuery中通过$匹配标签id的方法默认仅寻找第一个。
解决方法:通过寻找class的方式
为button添加一个自定义的class,例如这里的“btnEdit":
<button class="btnEdit btn btn-success btn-sm" oid="{{ item.oid }}" type="button" data-toggle="modal">编辑</button>
然后在JS代码部分:
$('.btnEdit').click(function(){}
通过$('.btnEdit')就可以寻找到所有class为btnEdit的button,为其绑定同一个点击事件。