Javascript 获取li元素内锚元素的数据id

Html

1删除onclick属性

2.将一个.单击处理程序附加到所有链接

$(function () {
    // attach an onclick event handler to your links
    $('li a[data-id]').click(function (e) {
      // prevent the link from going anywhere
      e.preventDefault();
      // get the parent li
      var li = $(this).closest('li');
      // get next li's link data id
      console.log(li.next('li').find('a').data('id'));
   });
});

根据OP的评论 删除onclick属性。 使用jQuery绑定click事件。 使用最接近的'li'获取链接的父级。 功能点击功能{ e、 preventDefault；//这是为了阻止链接的执行！ console.log$this.closest'li'。数据'id'； } $'a'。单击功能；

---

您是否意识到a元素中使用了数据id？如果您正在使用jQuery，请停止使用onclick属性并为a标记创建。@PranavCBalan问题是我希望能够获取下一个li的数据id。这就是我想要的get@Ele我不能获取锚元素上的数据id吗？@Mikey有区别吗？让我试试这个。