js获取表格动态添加行的数据

问题：动态添加table行所定义的id值重复问题

解决思路：定义name代替定义id，循环遍历行数组拿取每行数据

<table id="table">

     <tr><input name="name1" value="a">&nbsp;&nbsp;<input name="name2" value="aa"></tr>

     <tr><input name="name1" value="b">&nbsp;&nbsp;<input name="name2" value="bb"></tr>

</table>

//获取table下的所有tr组成行数组
var trs = $("#table tr");

//获取tr数组长度
var number = trs.length;

//定义数据，组装数据
var testList = new Array();

//循环遍历拿取table的每一行数据
for(var i=0;i<number;i++){
    var tr = trs[i];
    
    //find 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素。
    
    //获取每一行下面input的name='name1'，name='name2'的数据
    var testValue1 = $(tr).find("input[name='name1']").val();

    var testValue2 = $(tr).find("input[name='name2']").val();
    
    //其他html元素数据获取方法一样
    
    //var $(tr).find("input[type='checkbox']").is(':checked')//判断每一行的checkbox是否被选中true/false

    var parms = {
            "testName1": testValue1 ,
            "testName2": testValue2
        };
        
        testList .push(parms);
    
}

//数据组装结果
//每个对象代表该table的每一行数据
testList=[
            {
                "testName1":"a",
                "testName2":"aa",
            },
            {
                "testName1":"b",
                "testName2":"bb",
            }
        ]