Найти в html элементы из localStorage и добавить им класс

Question

Мне нужно найти в html-таблице id="tab" строки, дубликаты которых есть в локальном хранилище, и добавить им класс.

Например, в хтмл есть таблица:

<table id="tab">
  <tr><td>012</td><td>112</td></tr>
  <tr><td>0123</td><td>1123</td></tr>
  <tr><td>0124</td><td>1124</td></tr>
  <tr><td>0125</td><td>1125</td></tr>
  <tr><td>0126</td><td>1126</td></tr>
</table>

А в localStorage ранее из этой таблицы добавлены строки:

<tr><td>0123</td><td>1123</td></tr>
<tr><td>0126</td><td>1126</td></tr>

(в localStorage по тому же ключу есть и другие строки, но они из таблиц с других страниц)

Мне требуется найти в таблице id="tab" только те строки, которые уже были ранее добавлены в lS, и добавить им класс.

Подскажите, пожалуйста, как это можно реализовать на jQuery. Спасибо!

Answer 1

var storedRows = [];
$(localStorage.getItem("rows")).find('tr').each(function(){
  storedRows.push(this.outerHTML);
});
$('#tab tr').each(function(){
  if (storedRows.indexOf(this.outerHTML) != -1)
    $(this).addClass('my-class');
});

БЛОГ НА HUSL

Найти в html элементы из localStorage и добавить им класс

Ответы (1 шт):