javascript - 我们可以将变量传递给 html 的 data 属性吗

Question

到目前为止，我知道我们可以使用以下方法将数据存储在 html 元素中:

<div  data-test="hello">
$.("div").data("test")

但是，我只能存储数据属性的原始文本

我需要的是:

var t= hello
<div data-test=t>

但是当我尝试这个时，它显示字母t而不是hello。

Answer 1

实际上，您更改的不是 attribute，而是 DOM 对象的属性。对于 data JavaScript 有自己的机制来保存元素的 data。欲了解更多请查看Documentation .

您可以使用 jQuery 更改数据(因为您已经使用过它)。使用 data 函数并将变量作为第二个参数传递给函数，例如 $("#d").data("test", t);

console.log($("#d").data("test"));

const t = 'hello';
$("#d").data("test", t); // <- second parameter

console.log($("#d").data("test"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="d" data-test="test">