我有一个动态创建的表格,其中包含关联的按钮。我想要一个适用于每个按钮的简单 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>
最佳答案
id
属性对于 html 页面上的任何元素都必须是唯一的,因此您需要添加一些类来检测您的按钮,当它们很多时。然后按那个类处理按钮
$(".buttonClass").on('click', function(e){
$(this).find('span').toggleClass("glyphicon-plus glyphicon-minus");
});
关于javascript - 将 javascript 应用于所有按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35751665/