jQuery在table中动态添加一行tr

<table id="table">

<tr id="hidden" style="display: none" >

<td></td>

</tr>

</table>

先在页面写一个隐藏的<tr> 然后当触发某一按钮时在响应事件中

clone()（克隆一个隐藏的<tr>），然后将克隆得到对象.show()显示出来 再去掉对象的id或class（避免下次克隆 不是之前那个隐藏的<tr>）然后 向对象中添加相应的数据，最后append(对象)将对象添加进表格。

 js代码：

var lastRow = $("#hidden").clone(true);

   lastRow.show();
lastRow.removeAttr("id");

//向td中添加数据

lastRow.children().eq(0).html(states[0]);

$("#table").append(lastRow);

注意！！：这样在form表单取数据的时候 会将隐藏<tr>的中的取到（虽然 为空，但也会有），所以取表单数据时 需要将隐藏<tr>移除掉remove()， 如果在取完form表单数据后还会继续 用到动态添加一行<tr>，这个时候可以 在移除隐藏的<tr>时将其保存到一个var对象中，取完数据再将这个对象添加到 table中。

js代码：

var temp = $("#hidden");
$("#hidden").remove();

获取form表单数据;

$("#table").append(temp);