在jquery var[duplication]中未传递数据属性值

Question

null

我想在单击垃圾图标时传递每个条目的数据属性，但是对于当前的js代码，我只获得第一个条目的ID。

下面是我的html btn代码，其中“entry-num”是从DB生成的条目id:

<a href="#" id="dlt-btn" data-entryid="{entry-num}" class="btn btn-danger delete">
   <i class="far fa-trash-alt"></i>
</a>

下面是我的js代码，我正在尝试（目前）在控制台中传递值:

$("#dlt-btn").click(function(){
 var entryId = $(this).data("entryid");
 console.log(entryId);
});

Answer 1

由于数据是在页面加载后生成的，因此应该尝试事件委派。类似于:

$('#someParentElement').on('click', '.deleteButtonClass', function(){
 var entryId = $(this).data("entryid");
 console.log(entryId);
});

Answer 2

null

Answer 3

全局属性定义了一个唯一标识符(ID)，该标识符在整个文档中必须是唯一的。它的目的是在链接（使用片段标识符），脚本或样式（使用CSS）时标识元素。

使用class而不是ID:

$(".delete").click(function(){
  var entryId = $(this).data("entryid");
  console.log(entryId);
});