jquery - jQuery 动态添加行 - 最多 10

Question

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

我尝试使用 lastid < 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);
     }
});