为什么我的函数未选择data-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);
});