1

我正在尝试将具有值的数据属性添加到 li，但由于某种原因它不起作用。我以前在 div 上做过这个，但由于某种原因它现在不能正常工作。

这是我的 jsfiddle http://jsfiddle.net/76MDE/1/

这是我的代码。

<ul class="title-area">
    <li class="name">
        <h1><a href="#">cool</a></h1>
    </li>
</ul>

$('.name').data("element", "name");
4

4 回答 4

4

.data()不添加data-*属性。它创建一个 jQuery 对象，并将其内部存储在一个 jQuery 缓存变量中。

如果要设置必须使用的属性.attr()

$('.name').attr("data-element", "name");
于 2014-07-23T11:00:31.500 回答
0

用这个 ：

$('.name').attr("data-element", "name");

演示

于 2014-07-23T10:59:59.763 回答
0

小提琴

用这个

$('.name').attr("data", "element");
于 2014-07-23T11:00:03.587 回答
0

它正在工作，您可以通过输入以下内容来验证：

alert($('.name').data("element"));

只是没有修改HTML。

如果您也想在 HTML 中查看它，请使用以下命令：

$('.name').attr("data-element", "name");
于 2014-07-23T11:00:56.227 回答