的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');