сохранить JSON в HTML элемент списка

Ответ @Javier работает, если вы используете jQuery.

Эти атрибуты можно получить через обычный Javascript.

// Make sure you have a valid reference
var el = getElementBySomeMeans();

// Set the value
el.setAttribute("data-test-this", "10");

// Get the value
var v = el.getAttribute("data-test-this");
console.log(v);

// Clear the attribute
el.removeAttribute("data-test-this");

Для полноты я должен упомянуть, что существует метод dataset HTML5, который также работает с атрибутами данных, но я лично его не использую, так как мы должны поддерживать старые браузеры на работе.

Если у вас есть роскошь, возможно, стоит посмотреть.

Поскольку Никита говорит, что вы можете добавлять значения в атрибуты данных к элементам списка. Например, если вы хотите сохранить атрибуты 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

 });

1 - сохранить данные в html в любом скрытом div 2- добавить данные в любой уникальный атрибут

<li data-name="' + data-value + '"> List item </li>;

Это должно сделать трюк. Добавляйте любое значение данных и имя данных, которое вы считаете нужным.