为什么我不能使用jQuery访问元素的data属性。

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