读书人

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

发布时间: 2012-11-06 14:07:00 作者: rapoo

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

读书人网 >Web前端

热点推荐