扫码关注官方订阅号
表格内容如下：
文件名 文件路径 分类 大小 操作 <#list resources as resource> ${resource.resource_id} ${resource.name} ${resource.location} ${resource.creator} ${resource.size} 编辑 查看 删除
为删除添加事件，但是除了第一行数据有响应外，其他都没有响应。
请问这是什么原因？
table表格添加事件，除了第一行都没有响应???-PHP中文网问答-table表格添加事件，除了第一行都没有响应???-PHP中文网问答
围观一下哦，学习一下。
你使用的选择器是ID选择器。
$('#tbbtn').on('click', function(){ alert("123"); }) $('#delbtn').on('click', function(){ alert("123"); })
在ID选择器中只会ID唯一的元素，所以只会选择一个元素。
建议你把ID选择器换成CLASS选择器，代码如下：
<#list resources as resource> <tr id="trnode" name="${resource.resource_id}"> <td id="res_id" style="display: none">${resource.resource_id}</td> <td id="name">${resource.name}</td> <td>${resource.location}</td> <td>${resource.creator}</td> <td>${resource.size}</td> <td> <input class="tbbtn" type="button" value="测试"> <a href="#" data-toggle="modal" data-target="#editModal">编辑</a> <a href="#" data-toggle="modal" data-target="#showModal">查看</a> <a href="#" class="delbtn" data-toggle="modal" data-target="#deleteModal">删除</a> </td> </tr> </#list>
$('.tbbtn').on('click', function(){ alert("123"); }) $('.delbtn').on('click', function(){ alert("123"); })
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
2
1068
收藏
table表格添加事件，除了第一行都没有响应???-PHP中文网问答-table表格添加事件，除了第一行都没有响应???-PHP中文网问答
围观一下哦，学习一下。
你使用的选择器是ID选择器。
$('#tbbtn').on('click', function(){ alert("123"); }) $('#delbtn').on('click', function(){ alert("123"); })在ID选择器中只会ID唯一的元素，所以只会选择一个元素。
建议你把ID选择器换成CLASS选择器，代码如下：
<#list resources as resource> <tr id="trnode" name="${resource.resource_id}"> <td id="res_id" style="display: none">${resource.resource_id}</td> <td id="name">${resource.name}</td> <td>${resource.location}</td> <td>${resource.creator}</td> <td>${resource.size}</td> <td> <input class="tbbtn" type="button" value="测试"> <a href="#" data-toggle="modal" data-target="#editModal">编辑</a> <a href="#" data-toggle="modal" data-target="#showModal">查看</a> <a href="#" class="delbtn" data-toggle="modal" data-target="#deleteModal">删除</a> </td> </tr> </#list>$('.tbbtn').on('click', function(){ alert("123"); }) $('.delbtn').on('click', function(){ alert("123"); })