.data()没有返回undefined

Question

我试图使用.data从属性中获取值.

HTML

<div class="like" data-postid="903282304865jh"> </div>

JS

$(".like").click(function(event){ 
      var postID = $(event.target).data('postid');
      console.log(postID);
});

我在控制台中返回未定义的内容.这里发生了什么？

Answer 1

使用$(this)而不是$(event.target):

  var postID = $(this).data('postid');

如果div中没有​​其他元素,则代码可以正常工作.

还要考虑比较target.event有this:

event.target

启动事件的DOM元素.阅读更多

this

在jQuery中,被执行的元素通常会传递给jQuery函数的函数参数.它可以通过使用成为jQuery元素对象$(this).阅读更多

例

您的代码变为:

$(".like").click(function(event){     
      var postID = $(this).data('postid');
      alert(postID);
});

HTML示例可以如下:

<div class="like" data-postid="903282304865jh"><i>A</i> Test</div>

的jsfiddle