jquery - 被点击的生成链接的jquery Pass ID

Question

如何通过下面生成的代码中单击的项目的 id 传递？

在一个 js 文件中：

$('#smartpage_table tbody').append('<tr class="child"><td>' +  val.fields.link +
              '</td>' +
              '<td> <a href="" id="' + val.fields.id + '" >'
              + val.fields.link + '</a> </td>' +
              '</tr>');


        });

在页面上我有以下内容

**$("#test").click(function() {
    alert(ID WAS PASSED);
});**

单击生成的链接之一时，我希望将链接的 ID 传递给上述代码并在警报框中输出。如何才能做到这一点？

Answer 1

$("#test").click(function() {
    alert('test must have been passed because IDs are unique on HTML pages.');
    alert('but maybe I meant class so ' + $(this).attr('class') + ' was passed.');
});

Answer 2

尝试这个：

$("#smartpage_table").on("click", "a", function () {
    alert(this.id);
});

Answer 3

例如，您可以向 a 元素添加一个类，然后为单击事件使用类选择器：

$('#smartpage_table tbody').append('<tr class="child"><td>' +  val.fields.link +
              '</td>' +
              '<td> <a href="" class="myClass" id="' + val.fields.id + '" >'
              + val.fields.link + '</a> </td>' +
              '</tr>');


        });

然后这将起作用：

$(".myClass").click(function() {
    alert($(this).attr('id'));
});