jQuery向多个输入添加点击函数[重复]

Question

我想要有一个函数，响应一个输入字段的每个实例上的点击。但该函数仅响应对输入的第一个实例的单击。

HTML为:

<table class="table">
  <tr>
     <td><input id="show-output" type="button" value=261 /></td>
     <td>mhour test202</td>
  </tr>
  <tr>
     <td><input id="show-output" type="button" value=260 /></td>
     <td>mhour test145</td>
  </tr>
</table>

null

$('#show-output').click(function(e) {
  alert("hi");
});

这玩意的小提琴

Answer 1

将您的id更改为类，因为id在一个页面上应该只出现一次。

null

$('.show-output').click(function(e) {
  alert("hi");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table class="table">
  <tr>
     <td><input class="show-output" type="button" value=261 /></td>
     <td>mhour test202</td>
  </tr>
  <tr>
     <td><input class="show-output" type="button" value=260 /></td>
     <td>mhour test145</td>
  </tr>
</table>