Javascript:nots'；t在右索引行表上插入

我尝试在单击按钮的行下添加一定数量的行（取决于文本框中输入的数字）。它在第一行可以正常工作，但当我在第二行按钮上执行它时，它就不工作了（它一直插入到第一行下）

这是小提琴：

$（'.add rows'）。单击（function（）{
var$bx_id；
var$num_行；
var table=document.getElementById（“myTable”）；
$bx_id=this.id；
$num_rows=$（'#num_boxcodes_'+$bx_id）.val（）；
对于（i=0；i<$num_行；i++）{
var行=table.insertRow（$bx_id）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
var cell7=行插入单元格（6）；
var cell8=行插入单元格（7）；
cell1.innerHTML='-'；
cell2.innerHTML='-'；
cell3.innerHTML='-'；
cell4.innerHTML='-'；
cell5.innerHTML='-'；
cell6.innerHTML='-'；
cell7.innerHTML='-'；
cell8.innerHTML='-'；
}
});

.insertRow

希望您在witch put新行时通过索引，但您只通过

2

或

3

（这是ID，ID名称不应以数字开头）。尝试计算新位置

$（文档）.ready（函数（）{
$（'.add rows'）。单击（函数（）{
var$bx_id；
var$num_行；
var table=document.getElementById（“myTable”）；
$bx_id=this.id；
$num_rows=$（'#num_rows_'+$bx_id）.val（）；
var rowIndex=$（this）.closest（'tr'）.index（）+2；
var k=“00”+数学地板（数学随机（）*100）；
k=k.substr（k.length-2）；
对于（i=0；i<$num_行；i++）{
var行=table.insertRow（行索引）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
var cell7=行插入单元格（6）；
var cell8=行插入单元格（7）；
cell1.innerHTML='---'+k；
cell2.innerHTML='---'+k；
cell3.innerHTML='---'+k；
cell4.innerHTML='---'+k；
cell5.innerHTML='---'+k；
cell6.innerHTML='---'+k；
cell7.innerHTML='---'+k；
cell8.innerHTML='---'+k；
}
});
})

第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
试验
试验
试验
试验
好啊
试验
试验
试验
测试2
测试2
测试2
测试2
好啊
测试2
测试2
测试2

.insertRow

希望您在witch put新行时通过索引，但您只通过

2

或

3

（这是ID，ID名称不应以数字开头）。尝试计算新位置

$（文档）.ready（函数（）{
$（'.add rows'）。单击（函数（）{
var$bx_id；
var$num_行；
var table=document.getElementById（“myTable”）；
$bx_id=this.id；
$num_rows=$（'#num_rows_'+$bx_id）.val（）；
var rowIndex=$（this）.closest（'tr'）.index（）+2；
var k=“00”+数学地板（数学随机（）*100）；
k=k.substr（k.length-2）；
对于（i=0；i<$num_行；i++）{
var行=table.insertRow（行索引）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
var cell7=行插入单元格（6）；
var cell8=行插入单元格（7）；
cell1.innerHTML='---'+k；
cell2.innerHTML='---'+k；
cell3.innerHTML='---'+k；
cell4.innerHTML='---'+k；
cell5.innerHTML='---'+k；
cell6.innerHTML='---'+k；
cell7.innerHTML='---'+k；
cell8.innerHTML='---'+k；
}
});
})

第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
试验
试验
试验
试验
好啊
试验
试验
试验
测试2
测试2
测试2
测试2
好啊
测试2
测试2
测试2

既然您已经在使用jQuery，为什么不使用它呢？是否基于最后一行创建新行

$(document).ready(function () {
$('.add-rows').click(function(){
   var $bx_id;
   var $num_rows;
   var $table = $("#myTable");
   $num_rows = $(this).parent().find('input').val();
   for(i = 0; i < $num_rows; i++){
       var $newRow = $('<tr>');
       $newRow.html('<td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td>');
       $table.append($newRow)
   }
});

$（文档）.ready（函数（）{
$（'.add rows'）。单击（函数（）{
var$bx_id；
var$num_行；
var$table=$（“#myTable”）；
$num_rows=$（this.parent（）.find（'input'）.val（）；
对于（i=0；i<$num_行；i++）{
变量$newRow=$（''）；
$newRow.html（'---------------------------------------------------------------'）；
$table.append（$newRow）
}
});

---

})

既然您已经在使用jQuery，为什么不使用它呢？是否基于最后一行创建新行

$(document).ready(function () {
$('.add-rows').click(function(){
   var $bx_id;
   var $num_rows;
   var $table = $("#myTable");
   $num_rows = $(this).parent().find('input').val();
   for(i = 0; i < $num_rows; i++){
       var $newRow = $('<tr>');
       $newRow.html('<td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td><td>---------</td>');
       $table.append($newRow)
   }
});

$（文档）.ready（函数（）{
$（'.add rows'）。单击（函数（）{
var$bx_id；
var$num_行；
var$table=$（“#myTable”）；
$num_rows=$（this.parent（）.find（'input'）.val（）；
对于（i=0；i<$num_行；i++）{
变量$newRow=$（''）；
$newRow.html（'---------------------------------------------------------------'）；
$table.append（$newRow）
}
});

---

})

我将输入控件的id更改为num\u boxcodes\u，现在添加行及其工作的函数：

$（文档）.ready（函数（）{
$（'.add rows'）。单击（函数（）{
var$bx_id；
var$num_行；
var table=document.getElementById（“myTable”）；
$num_rows=$（'#num_boxcodes_'+this.id）
function retardedAddRow(){
  var table = document.getElementById('myTable');
  $('.add-rows').each(function(c, e){
    var t = $(e);
    t.off('click');
    t.click(function(){
      var val = t.prev().val(), row, cell;
      for(var n=0; n<val; n++){
        row = table.insertRow(c+2+n);
        for(var i=0,l=8; i<l; i++){
          cell = row.insertCell(i);
          cell.innerHTML = '------'; // bad technique
          if(i === 4){
            cell.innerHTML = "<input type='text' size='10' /><button type='button' class='btn btn-success btn-inline add-rows'>OK</button>";
          }
        }
      }
      retardedAddRow();
    });
  });
}
$(function(){
  retardedAddRow();
});