jquery - как заменить значения столбца таблицы

Question

Я новичок jQuery. У меня есть следующая таблица -

<table summary="This table lists all values in storage."> 
     <caption>Values in storage</caption> 
     <tbody> 
     <tr> 
      <th scope="row">JetBlue 983</th> 
      <td>Boston (BOS)</td> 
      <td>New York (JFK)</td> 
     </tr> 
     <tr> 
      <th scope="row">JetBlue 354</th> 
      <td>San Francisco (SFO)</td> 
      <td>Los Angeles (LAX)</td> 
     </tr> 
     <tr> 
      <th scope="row">JetBlue 465</th> 
      <td>New York (JFK)</td> 
      <td>Portland (PDX)</td> 
     </tr> 
     </tbody> 
     </table> 

Теперь я хочу, чтобы прочитать локальное хранилище и заполнить значения говорят второй столбец, используя JQuery каждый раз, когда часть страницы загружается. Каков самый простой способ этого?

Answer 1

Вы можете сделать это, используя следующий путь

Я предполагаю, что вы спасаете JSon закодированные данные в LocalStorage

$(function{ 
    var data = JSON.parse(localStorage.getItem('ITEM_KEY')); 
    // data is an object now 
    // find 2nd columns and populate 
    $('tr td:nth-child(2)').each(function(i){ 

    $(this).text(data[i]); 
    }); 
}) 

Предполагая, что вы хотите вставить те же данные, найденные из LocalStorage. И число элементов в массиве данных такое же, как количество столбцов.

Код: $.each и :nth-child selector