1

私は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 を使用して 2 番目の列に値を入力したいと考えています。それを行う最も簡単な方法は何ですか？

4

1 に答える 1

3

次の方法でこれを行うことができます

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 セレクター

于 2012-06-01T16:00:39.317 に答える