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 对象的方法，例如 data 方法。您可以使用dataset对象:

$link.dataset.action

或 jQuery data 方法:

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