Как вывести данные JSON в аттрибут data-*
Есть загнанные в локальное хранилище данные (таблица):
Нужно вывести данные из хранилища в аттрибут data-name:
$(function() { $('#but2').click(function() { var jsonArr = []; var obj = {}; var thNum = document.getElementsByTagName('th').length; var arrLength = document.getElementsByTagName('td').length; for (i = 0; i < arrLength; i++) { if (i % thNum === 0) { obj = {}; } var head = document.getElementsByTagName('th')[i % thNum].innerHTML; var content = document.getElementsByTagName('td')[i].innerHTML; obj[head] = content; if (i % thNum === 0) { jsonArr.push(obj); } } document.write(" " + JSON.stringify(jsonArr)); localStorage.setItem('myStorage', JSON.stringify(jsonArr)); }); });
Нужно вывести данные из хранилища в аттрибут data-name:
<button class="good-item__btn-add btn btn-info btn-sm js-add-to-cart" data-id="11" data-name="сюда вывести данные" data-price="1500"> Добавить в корзину </button>Возможно ли это, подскажите куда копать???
Комментарии ()
Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.
Вставить данные в атрибут элемента, осуществляется на jQuery с помощью метода attr.
После вывода данных получаю ответ:
[{«Название города»:"\t\t\n\t ",«Своя надпись»:"\t\t\n\t ",«Шрифт»:"Lobster",«Размер шрифта»:"Крупный",«Ориентация»:"Книжная"}]
Возможно ли вернуть данные в виде таблицы, или представить в удобночитаемом виде, без скобок, кавычек, дивов?
После этого можно перебрать свойства и представить их, так как нужно: