javascript - 将 javascript 应用于所有按钮

Question

我有一个动态创建的表格，其中包含关联的按钮。我想要一个适用于每个按钮的简单 JavaScript 方法。现在，它仅引用创建的第一个按钮。

<table>
<tbody>
<% @task.subtasks.each do |subtask| %>
   <tr>
     <td>
        <button class="btn btn-default" id="collapseBtn"><span class="glyphicon glyphicon-plus" id="collapseSpan"></button>
  </td>
     <td> <%= subtask.name %></td>
   </tr>
<%end%>
</tbody>
</table>

<script>
   $("#collapseBtn").click(function(){
       $("#collapseSpan).toggleClass("glyphicon-plus glyphicon-minus");
    });
</script>

Answer 1

id 属性对于 html 页面上的任何元素都必须是唯一的，因此您需要添加一些类来检测您的按钮，当它们很多时。然后按那个类处理按钮

$(".buttonClass").on('click', function(e){
    $(this).find('span').toggleClass("glyphicon-plus glyphicon-minus");
});