重置Jquery添加的行空白:

时间:2015-03-18 19:52:08

标签: javascript jquery

我正在尝试使用Jquery动态添加一个新行 - 我能够这样做,除非它正在克隆行并且没有给我一个新的空行。

以下是我正在使用的代码:

$('#add').click(function(){
    $('#invoicetable tbody>tr:last').clone(true).insertAfter('#invoicetable tbody>tr:last')
    $("#invoicetable tbody>tr:last").each(function() {this.reset().val('');}); 
    return false;
});

Example of duplicating row

1 个答案:

答案 0 :(得分:0)

您必须将this替换为$(this)。 要应用reset()val(),您需要使用jQuery元素并指向表单元素,如下所示:

$('#add').click(function(e) {
    e.preventDefault();
    $('#invoicetable tbody>tr:last').clone(true).insertAfter('#invoicetable tbody>tr:last');
    $("#invoicetable tbody>tr:last").each(function() {
        $(this).find('input, select').reset().val('');
    });
});