Запись массива в Local Storage

216
24 мая 2018, 20:40

у меня есть html таблица, из двух колонок, необходимо по нажатию на кнопку записывать данные со второго столбца в local storage. при проверке инспектором кода, записан оказывается только последний элемент.

   document.getElementById("clicMe").onclick = Compare;
     function Compare(){
         // перебираем элементы и записываем в массив
              var elements = document.querySelectorAll('td:last-child');
              for (var i = 0; i < elements.length; i++) {
                var arr = [( elements[i].innerHTML )];
                //запись в харнилище
                //localStorage.td = JSON.stringify(td);
                localStorage.setItem("arr ", JSON.stringify(arr ));
              }

}

Answer 1

Извлеките массив данных, который хотите сохранить и запишите его целиком:

var data = [...document.querySelectorAll('td:last-child')].map((td) => td.innerHTML); 
localStorage.setItem("data", JSON.stringify(data));
<table> 
  <tr> 
    <td>x</td> 
    <td>1</td> 
  </tr> 
   <tr> 
    <td>y</td> 
    <td>2</td> 
  </tr> 
</table>

Считать массив обратно можно будет через JSON.parse(localStorage.getItem("data");.

READ ALSO
Собрать значения и вернуть .map() или .each()

Собрать значения и вернуть .map() или .each()

Подскажите, что-то никак не соображу: есть верстка из 4 элементов, в котором есть в поле div число (наценка)Нужно собрать эти числа, к каждому...

187
Как выполнить свое событие первым до остальных?

Как выполнить свое событие первым до остальных?

Скажем есть блок и чужой скрипт всплывающего окна при клике по немуНужно что бы само написанное событие hover выполнилось до события hover из чужого...

216
Проблема с xhr запросами

Проблема с xhr запросами

Есть приложение - asp net core mvc с контроллером api (просто контроллер в котором содержаться post/get методы)Есть фронт, который вызывает эти методы...

196
Изменить значение в Json js

Изменить значение в Json js

В data приходит объект абсолютно такой жеИ нужно просто увеличить значение count

199