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

Question

我试图在用户点击链接时将数据ID显示在警报菜单中。但是，不是我为每个链接获得0的数字。

Here is a JSFiddle of the issue

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