两个id和类相同的按钮，只有一个可以工作

Question

我正在使用jira，有两个按钮具有相同的id和类。这两个按钮都是提交按钮，一个在顶部，另一个在下面，当我使用下面的jquery时，只有第一个在点击时被捕获。目的是使评论测试字段成为强制性的。

只有最上面的一个在工作。。

<script>
AJS.toInit(function () {
AJS.$("#next").click(function(e){
var comment=AJS.$("#jira #page #content .aui-page-panel .aui-page-panel-inner .aui-page-panel-content #bulkedit .form-body .aui .comment-input #comment").val();
if(comment==""){
AJS.$(".bulk-affects").append("<br/><div id='resErrror' style='color:red;margin-left:30px'>Comment is mandatory</div>");
return false;
}
});
});
</script> 

请帮我捕获下一个按钮来为这个脚本工作

Answer 1

ID应该是唯一的，因此您应该在一个页面上只使用一次特定的ID。实际上，当您尝试使用id代码调用元素时，只调用第一个元素。类可以重复使用

Answer 2

querySelectorAll将找到所有ID的

const allButtons = document.querySelectorAll('#next');
for (let button of allButtons) {
$(button).click((e) => {
// Do your magic here
})
}

Answer 3

记住：网页元素具有某些不可剥夺的权利；具有唯一ID是其中之一。通过确保网页上每个需要ID的元素都有一个唯一的ID，防止html元素身份被盗。

但是课程是可以重复的。