两个具有相同 ID 和 class 的按钮，只有一个可以正常工作

Question

我正在使用 jira，有两个具有相同 ID 和 class 的按钮。两者都是提交按钮，一个在顶部，一个在下方，当我使用下方 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 元素身份盗用。

但是类可以重复

两个具有相同 ID 和 class 的按钮，只有一个可以正常工作

Two buttons with same id and class, only one found to be working

html

javascript

jquery

jquery-ui

jira