javascript - Jquery/JavaScript 代码绑定到集合

Question

我有一个动态生成的记录表，对于每一行，我都有一个类名设置为“hdelete”的锚标记，以使我能够在单击的特定行的链接上调用删除方法。我目前有一些代码支持使用 class ='hdelete' 连接所有锚点

  $("#tbl_srecords").click(function (e) {
       $(e.target).hasClass("hdelete") ? fnDeletehrecord($(e.target)) : null; //Run the delte row function here
    });  

上面的代码似乎不起作用。它目前所做的只是选择第一次出现的带有 class='hdelete' 的锚点。任何人对如何最好地实现这一点有更好的想法？

Answer 1

I have a dynamically generated table

$("#tbl_srecords a.hdelete").live('click', function (e) {
    fnDeletehrecord($(this)); // pass the element as a parameter to the function
});

live已弃用

这是最新的（推荐）

$("#tbl_srecords").on('click', 'a.hdelete', function (e) {
    fnDeletehrecord($(this)); // pass the element as a parameter to the function
});

因为动态内容。

Answer 2

这会将一个函数绑定到所有具有类 hdelete 的锚标记，并调用 fnDeletehrecord 函数，并将元素作为 jquery 对象作为参数传递。

   $("#tbl_srecords a.hdelete").click(function(){
       //NOTE: This represents the anchor tag that fired the event
       fnDeletehrecord($(this));
    });

Answer 3

这应该有效：

$("#tbl_srecords a.hdelete").click(fnDeletehrecord);

hdelete此代码将处理带有 id 元素内的类的链接上的点击事件tbl_srecords。