当前位置: 代码迷 >> Web前端 >> 利用jquery超级容易实现添加行删除行
  详细解决方案

利用jquery超级容易实现添加行删除行

热度:93   发布时间:2012-11-06 14:07:00.0
利用jquery超级简单实现添加行删除行

引入jQuery JavaScript Library v1.4.2

?

<table id="contentTable">

???? 循环<tr>

?? <tr id = "hiddenRow" style="display:none">......</tr>

</table>

js:

function addRow(){
???var newRow = $("#hiddenRow").clone(true);
???$("#contentTable").append(newRow);
???newRow.show();
}?
??
??function removeRow(objInTd){
???? var parentRow = objInTd.parentNode.parentNode;
???? $(parentRow).remove();
??}

1 楼 skydove 2011-08-30  
通过以下方法可以实现修改td里面的值,具体可以参照以下进行修改。
$(newRow).children("td").eq(1).find("input").val("111"):
修改新行第二个td的input标签的值为111.

  相关解决方案