JavaScript到jQuery(向表中添加行的函数)

时间:2012-11-22 10:06:32

标签: javascript jquery

任何人都可以帮助我将JavaScript转换为jQuery吗? JavaScript代码是:

function addRow()
{       
     var table = document.getElementById("table2");     
     var numOfRows = table.rows.length;     
     var numOfCols = table.rows[numOfRows-1].cells.length;                    
     var newRow = table.insertRow(numOfRows);

     for (var j = 0; j < numOfCols; j++) {                    
          newCell = newRow.insertCell(j);                    
          newCell.innerHTML = "add";
     }
}

2 个答案:

答案 0 :(得分:1)

试试这个

<强> DEMO

 $('#addRow').click(function(){
   var row = $('#table2 tr:eq(0)').clone();
   $(row).find('td').html('add');
   $('#table2').append(row);
});

<table id='table2'>
  <tr><td>test</td></tr>
</table>
​<input type='button' id='addRow' value='click' />​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

答案 1 :(得分:0)

您可以尝试在最后一个之后添加新行的代码,我不知道您需要的shich参数

function addRow()
{       
   $('#table2 tr:last').after('<tr><td>some </td></tr><tr><td>text</td></tr>');
}