jQuery动态添加行 - 最多10个

Question

我使用唯一的输入/标签名称动态添加表行。但是，我只希望用户能够添加最多6行。

我尝试过使用lastid＆lt; 7但它不起作用。有什么建议吗？

function addTableRow(jQtable) {
   var lastId = jQtable.find("tr:last td:first input").attr("id");
   var newId = parseInt(lastId);

    var row = $('<tr />');

    for (var i = 0; i <= 2; i++) {
        var thisId = newId + 1;
        var cell = $('<td />');
        var label = $('<label for="' + thisId + '">' + thisId + '</label>');
        var input = $('<input type="text" name="' + thisId + '" id="' + thisId + '" />');
        cell.append(label, input);
        row.append(cell);
    }
    jQtable.append(row);
    }

   $('#addRow').click(function() {
   addTableRow($('#mans'));
  });

Answer 1

设置计数器变量。您可以使用全局，但我更喜欢使用.data：

在元素本身上设置它

$('#addRow').click(function() {
     var $mans = $('#mans');
     var c = $mans.data('counter') || 0;
     if (c<=6) {
         $mans.data('counter',(c+1));
         addTableRow($mans);
     }
});