jQuery 1.8.1 data()错误检索HTML5数据属性

Question

我正在尝试从以下标记中提取FIRST数据属性:

<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的控制台给了我这个:

未捕获的TypeError:对象#没有方法'数据'

我已经介绍了基本的故障排除 - > jQuery在这个js文件之前加载,它们都在关闭body标签之前加载(所以不需要$(function() {// find data-attribute});.

Answer 1

尝试使用eq()而不是get()这里:

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