javascript - 为什么我的函数没有选择数据 ID？

Question

当用户单击链接时，我试图让数据 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，但这也不起作用。

Answer 1

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);
});