可以使用e.target.dataset.xxx获取data-xxx的值

最新推荐文章于 2025-02-24 21:09:21 发布

咖木

最新推荐文章于 2025-02-24 21:09:21 发布

阅读量7.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/dongdaxiaopenyou/article/details/80230069

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript为表格元素绑定点击事件的方法。通过此方法，当点击表格中的'查看'、'编辑'或'删除'链接时，可以触发相应功能。具体实现了如何通过事件委托的方式为动态生成的内容添加事件监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用

    <td class="col-sm-2">
        <a href="#" class="check" data-awardid="${award.id}">查看</a>
        <a href="#" class="edit" data-awardid="${award.id}">编辑</a>
        <a href="#" class="delete" data-awardid="${award.id}">删除</a>
    </td>

    $("table").on('click',function(e){
      if(e.target.classList.contains("check")){
        var awardid = e.target.dataset.awardid
        awardDetail(awardid)
      }
    })