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

未捕获的类型错误：对象 # 没有方法“数据”

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

Answer 1

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

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