首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-06 
利用jquery超级简单实现添加行删除行引入jQuery JavaScript Library v1.4.2?table idcontentTable???

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

热点排行