如何添加动态Id's并在运行时提取它们

How do i Add Dynamic Id's and Extract them at run time

本文关键字:运行时 提取 何添加 添加 Id 动态      更新时间:2023-09-26

我从数据库中得到一个结果,并根据结果创建动态列表

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

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

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

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

将委托的单击处理程序添加到父元素,然后在该处理程序中使用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属性是一件痛苦的事情,会导致维护问题,最好尽可能避免。