javascript - Jquery .click() 不工作多个按钮

Question

我想在单击按钮上显示警报框，但更多按钮的某些 ID 属性并且可以单击第一个按钮，但不能单击第二个按钮。

Jquery;

jQuery("#submit").click(function(e){
     alert("message");
});

HTML;(每条消息重复 html)

 <div class="reply">
   <form id="vivam" method="post" onsubmit="return false;"> 
      <textarea name="reply" placeholder="Write reply here"></textarea>
      <p class="stdformbutton">
          <button id="submit" class="btn btn-primary">Reply</button> 
      </p>
   </form>
 </div>

jsfiddle Link

这个问题有什么解决办法吗？预先感谢您的回答。

Answer 1

方法一:ID应该是唯一的，使用class而不是id。

HTML:

<div class="reply">
<form id="vivam" method="post" onsubmit="return false;"> 
  <textarea name="reply" placeholder="Write reply here"></textarea>
  <p class="stdformbutton">
      <button class="btn btn-primary submit">Reply</button> 
  </p>
 </form>
</div>

JS:

jQuery(".submit").click(function(e){
 alert("message");
});

<强> Working Demo Approach 1

方法 2: 您还可以使用属性值选择器来定位具有相同 id 的元素。然而，这违反了规则id应该是唯一的。我不建议您使用这个:

jQuery("[id=submit]").on('click',function(e){
 e.preventDefault(); 
 alert("test");
});

<强> Working Demo Approach 2