收集所有表数据时删除空数据行

Question

我已经将html表上的数据收集到一个数组对象中。有一个空的数据行产生。我如何摆脱存储在第0行的数据。预先感谢。

$("#checkout").on('click',function(){

$("#table tr").each(function(){
    var currentRow=$(this);

    var col1_value=currentRow.find("td:eq(0)").text();
    var col2_value=currentRow.find("td:eq(1)").text();
    var obj={};

    obj.col1=col1_value;
    obj.col2=col2_value;

    arrData.push(obj);
   sessionStorage.myArrData=JSON.stringify(arrData);
});
 console.log(arrData);

});

Answer 1

由于您没有发布任何HTML，因此我会猜测您的问题。您正在尝试从屏幕快照下半部分的表格中收集值。您要遍历表中的行并获取td单元格的所有值。您的第一行是标头，因此没有td，而只有th，这就是为什么您的第一个JavaScript对象只是空字符串而不是{col1: “Item”, col2: “Quantity”}的原因。您应该将第一行包装在thead标记中，并将所有其他行包装在单个tbody标记中，以将表头与表格主体分开。然后，您只需将JS中的选择器更新为“ table tbody tr”即可。

我想问一下您在做什么，因为使用表格并将其序列化到本地存储中比解析您构建的表更有意义。