jQuery在table中动态添加一行tr


先在页面写一个隐藏的 然后当触发某一按钮时在响应事件中
clone()(克隆一个隐藏的),然后将克隆得到对象.show()显示出来 再去掉对象的id或class(避免下次克隆 不是之前那个隐藏的)然后 向对象中添加相应的数据,最后append(对象)将对象添加进表格。
 js代码:
var lastRow = $("#hidden").clone(true);
   lastRow.show();
lastRow.removeAttr("id");
//向td中添加数据
lastRow.children().eq(0).html(states[0]);
$("#table").append(lastRow);
注意!!:这样在form表单取数据的时候 会将隐藏的中的取到(虽然 为空,但也会有),所以取表单数据时 需要将隐藏移除掉remove(), 如果在取完form表单数据后还会继续 用到动态添加一行,这个时候可以 在移除隐藏的时将其保存到一个var对象中,取完数据再将这个对象添加到 table中。
js代码:
var temp = $("#hidden");
$("#hidden").remove();
获取form表单数据;
$("#table").append(temp);




你可能感兴趣的