javascript - jquery.data 返回未定义的结果

Question

我正在尝试使用 jquery.data 方法从节点服务器检索一堆项目的 ID，并将每个项目的 ID 保存为 attr 或 data 并在稍后使用它来更新项目。

但该属性始终返回“未定义”。
我尝试了 .data 和 .attr ，两者都有相同的结果。详细说明一下:我想做的是从服务器获取元素列表，为每个元素动态创建 li 标签，然后以某种方式将来自服务器的 ID 作为自定义属性或自定义属性嵌入到每个创建的 HTML 元素中。 ID。我究竟做错了什么？还有其他方法可以做到这一点吗？

var test = "<p>Hello</p>";
$(test).data("id", 1);
console.log($(test).data("id")); //undefined

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

$(test) 创建一个对象。因此，当您想要记录id时，您正在创建另一个对象并尝试读取它的data-id，而该对象不存在。创建对象引用并将其保存在单独的变量中，并在其余部分中使用它。

var test = "<p>Hello</p>"
var jTest = $(test);
jTest.data("id", 1);
console.log(jTest.data("id"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>