Question

我从数据库中获得结果，并根据我创建动态列表的结果

$.each(resultpost, function (i, data) {
    $(".myblogs ul").append('<li><a href="#" id=' + data.PId + '>' + data.Title + '</a></li>');
});

正在创建我的列表，但当我点击其中一个链接以准确知道点击了哪个链接时，该怎么办。

Answer 1

将委派的单击处理程序添加到父元素，然后在该处理程序中使用this来引用单击的元素。试试这个：

$('.myblogs ul').on('click', 'li a', function(e) {
    e.preventDefault(); // stop the link being followed (optional)
    alert(this.id); // shows the id of the clicked li element
});

添加增量id属性很痛苦，导致维护问题，最好尽可能避免。

Answer 2

试试这个：为生成的链接注册click事件处理程序并检查id

$(".myblogs ul").on("click","li a", function(){
   alert($(this).attr('id'));
 });

如何添加动态ID并在运行时提取它们

2 个答案: