Показать сообщение отдельно
  #1 (permalink)  
Старый 08.08.2018, 18:37
Новичок на форуме
Отправить личное сообщение для wintersoft Посмотреть профиль Найти все сообщения от wintersoft
 
Регистрация: 27.09.2017
Сообщений: 7

Как вывести данные JSON в аттрибут data-*
Есть загнанные в локальное хранилище данные (таблица):
$(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("<br>" + 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>

Пробую нечто подобное:
$(function(){
$('#12345').click(function() {
$( "#123456" ).attr({
data-name: "Beijing Brush Seller"
});
});
});
Поставить заранее заданный текст получается, но никак не могу понять каким образом вывести именно таблицу из локального хранилища (желательно в приемлемом виде)....

Прошу помогите!
Ответить с цитированием