为什么我的函数没有选择data-id ?

Why isn't the data-id being selected by my function?

本文关键字:data-id 有选择 我的 函数 为什么      更新时间:2023-09-26

我试图让数据id显示在一个警报菜单,当用户点击一个链接。但是每个链接得到的不是数字,而是0。

这是问题的JSFiddle

JS

$$('.postItem').addEvent('click', function(){
  var id = $('data-id');
    alert(+id);
});
HTML

<a class="postItem" data-id="9" href="#">Number Nine</a>

我也尝试过使用$$来选择数据id,但这也不起作用

Mootools $通过id将元素转换为Mootools Element。所以在你的例子中你用错了,data-id在你的例子中是一个属性,所以你可以使用getAttribute函数:

http://jsfiddle.net/SGU8E/6/

$$('.postItem').addEvent('click', function(e){
    var el = e.target;
    var id = el.getAttribute('data-id');
    alert(id);
});