jQuery .push() 不工作

Question

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

    var metaObj = {};
    var dataObj = {};
    var fields = [];
    $('#tableform').find(".meta").each(function(){

        metaObj[this.name] = this.value;
    });

    $('.datarow').each(function () {

        $('td > input, select',this).each(function () {
            dataObj[this.name] = this.value;

        });
        console.log(dataObj);
        fields.push(dataObj);
    });

    console.log(JSON.stringify(metaObj));
    console.log(JSON.stringify(fields));
});

我的表格内有一个表格。每行都有相同的输入字段。 datarow 是每行的类名。我遍历每一行来获取值。

console.log(dataObj); 显示输入的每一行。但是，字段数组仅添加了“n”次的最后一个对象。 n = 行数。

控制台输出如下:

Answer 1

您需要将 var dataObj = {}; 放入each() 代码块中，以便在每次 .datarow 迭代开始时它为空:

$('#create').click(function() {    
    var metaObj = {};
    var fields = [];

    $('#tableform').find(".meta").each(function(){    
        metaObj[this.name] = this.value;
    });

    $('.datarow').each(function () {
        var dataObj = {}; // move declaration here
        $('td > input, select',this).each(function () {
            dataObj[this.name] = this.value;    
        });
        console.log(dataObj);
        fields.push(dataObj);
    });

    console.log(JSON.stringify(metaObj));
    console.log(JSON.stringify(fields));
});