javascript - 为什么我不能使用 jQuery 访问元素的数据属性。

Question

我有以下 HTML：

    <div  class="button disabled dialogLink"
        id="edit"  
        data-action="Edit" >
        <div class="sprite-blank" ></div>
    </div>

这个 javascript

$('.dialogLink')
    .click(function () {
        adminDialog(this);
        return false;
    });


function adminDialog($link) {
    "use strict";
        link = {
            action: $link.data('action') || ''

我收到一条错误消息

Uncaught TypeError: Object #<HTMLDivElement> has no method 'data'

有谁知道我做错了什么。看起来很简单的代码，所以我不明白出了什么问题。

Answer 1

您应该首先创建一个 jQuery 对象以使用 jQuery 对象的方法，例如datamethod. 您可以使用 dataset对象：

$link.dataset.action

或 jQuerydata方法：

$($link).data('action')