的jQuery 1.8.1数据（）错误检索HTML5数据属性

Question

我试图从下面的标记了第一个数据属性：

<button class="buttonMiddle" data-vid="1"> 
    <a href="#">who helped them</a> 
</button> 

<button class="buttonMiddle" data-vid="2"> 
    <a href="#">who helped them</a> 
</button> 

的JS，我唤出是：

var button1 = $('.buttonMiddle').get(0).data('vid'); 

console.log(button1); 

Chrome的控制台使我这个：

Uncaught TypeError: Object # has no method 'data'

我已经涵盖了基本的故障 - > jQuery是加载之前这个js文件，他们是机器人h在正式结束标签之前加载（因此不需要$(function() {// find data-attribute});。

Answer 1

尝试使用eq()代替get()这里：

var button1 = $('.buttonMiddle').eq(0).data('vid');