JQuery表格Table操作-获取表格数据/向表格填充数据

<table class="OperateTable">
    <thead>
        <tr>
            <th>商品名称</th>
            <th>商品代码</th>
            <th>数量</th>
        </tr>
    </thead>
    <tbody>
        @{
            foreach (Product item in Model)
            {
                <tr>
                    <td>@item.Name</td>
                    <td>@item.CustomCode</td>
                    <td>@item.Count</td>
                </tr>
            }
        }
    </tbody>
</table>

1.获取表格数据

var arr = [];
$(".OperateTable tr:not(:first)").each(function () {
     var obj = {};
     obj.name = $(this).find("td:eq(0)").text();
     obj.customCode= $(this).find("td:eq(1)").text();
     obj.count = $(this).find("td:eq(2)").text();
     arr.push(obj);
});
console.log(arr);

2.向表格填充数据

 //添加数据到表格
for (var i = 0; i < arr.length; i++) {
      $(".OperateTable").append("<tr><td>" +
          arr[i].name + "</td><td>" +
          arr[i].customCode + "</td><td>" +
          arr[i].count + "</td><td>" + "</td></tr>"
      );
}