使用Jquery动态添加/删除表行

Question

我正在动态地允许用户添加或删除包含表单字段的表行。

我有两个主要问题-需要使用选择器来捕获表的第二个元素（希望忽略标题行）

第二个使用jQuery和disabled属性。 最初调用它时，之后无法使用js if语句更改属性。

我的代码在这里进行审查： http : //jsfiddle.net/Jcortes/BE5Lr/792/

如果有人可以帮助，将不胜感激。

$(document).ready(function() {
$('#DelBtn').attr('disabled', 'disabled');
var count = 1;
//*******************************************************************    
$('#AddBtn').click(function() {
    //problem is below, the selector is not returning the other elements. (ex=second)
    $("table tr:first").clone().find("input").each(function() {
        $(this).val('').attr('id', function(_, id) {
            return id + count;
        });
    }).end().appendTo("table");
    count++;
    if (count == 2) {
        $('#DelBtn').attr('disabled', '');
    }        
    if (count == 5) {
        $('#AddBtn').attr('disabled', 'disabled');
    }
}); //end AddBtn Function
//*******************************************************************    
$('#DelBtn').click(function() {
    $("table tr:last").remove();
    count--;
    if (count == 1) {
        $('#DelBtn').attr('disabled', 'disabled');
        $('#AddBtn').attr('disabled', '');
    }
}); //end DelBtn Function
//*******************************************************************    
}); //end DOM Ready

Answer 1

我调用attr('disabled', '')失败的原因是我使用的是jQuery 1.7。 jQuery 1.7现在可以正确区分属性和属性。 禁用是财产。 请改用.prop（）方法 。

$('selector').prop('disabled', 'disabled');
$('selector').prop('disabled', '');

啊，我现在看到第二个问题。 您可以使用nth-child选择器获取第二行。

$('table tr:nth-child(2)').clone();

http://jsfiddle.net/BE5Lr/793/