将表数据保存到 HTML5 LocalStorage

我创建了一个 JSFiddleHere http://jsfiddle.net/sethe23/j44tyjg6/

我想做的是从以下代码保存表数据：

  $('#save').click(function () {

  $("#dataTable").find('tbody')
      .append($('<tr>')
      .append($('<td>')
      .text($('#fname').val()))
      .append($('<td>')
      .text($('#lName').val()))
      .append($('<td>')
      .text($('#mId').val()))
      );       
  $('#fname').val('');
  $('#lName').val('');
  $('#mId').val('');
 })

我想保存<tr>数据，但我无法找到从哪里开始将其解析为可保存的格式。

我写了一些代码来帮助你。

首先为要存储在网格中的记录创建一个类

function MemberInfo(fName,lName,memberId){
this.FirstName=fname;
this.LastName=lName;
this.MemberId=memberId;    
}

创建一个函数，它将循环遍历所有 tr 和 tds 以填充该数组，最后将 JSON 数据保存在 localStorage 中

var arr=[];    
    $("#dataTable").find('tbody tr').each(function(index,item){

        var fName=$(item).find('td').eq(0).text();
        var lName=$(item).find('td').eq(1).text();
        var memberId=$(item).find('td').eq(2).text();
        arr.push(new MemberInfo(fName,lName,memberId))
    });


  localStorage.setItem("memberData",arr);

Fiddle http://jsfiddle.net/cgap4p83/