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元素添加一个类，然后为您的click事件使用类选择器：

$('#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'));
});

jquery单击生成的链接的通行证ID

3 个答案: