javascript - 将 JSON 保存在 HTML 列表项中

Question

我有一个 javascript，可以在 HTML 中创建列表项。目前我可以使用另一个脚本拖动和删除项目。现在我想在创建的每个列表项中存储一些信息，例如 JSON 对象。然后我将数据以正确的顺序保存在数据库中。

有可能吗，还是我应该走另一条路？

Answer 1

正如 Nikhita 所说，您可以将值作为数据值属性添加到列表项中。例如，如果您想存储 id 和 name 属性，您可以执行以下操作，并使用 jquery 恢复值:

<li data-id="1" data-name="name" class="listItemClick"> List item </li>;
$(".listItemClick").click(function(){
     var id=  $(this).attr("data-id");
     var name = $(this).attr("data-name");
    //TODO

 });