jquery 添加数据属性值无效

ktca8awb 于 2023-03-17 发布在 jQuery

关注(0)|答案(4)|浏览(191)

我试图添加一个数据属性值到一个li，但由于某种原因，它不工作。Iv以前这样做的divs，但由于某种原因，它现在不能正常工作。
这是我的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条答案

.data()不添加data-*属性，它创建一个jQuery对象，并将其存储在内部的jQuery缓存变量中。
如果要设置属性，则必须使用.attr()

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

使用此命令：

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

**一个

Fiddle
用这个

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

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

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

只是HTML没有被修改。
如果您也想在HTML中看到它，请使用以下代码：

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