Как вывести данные 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"
});
});
});
Поставить заранее заданный текст получается, но никак не могу понять каким образом вывести именно таблицу из локального хранилища (желательно в приемлемом виде)....
Прошу помогите!
|