利用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.