Jquery动态控制表格行

来源:互联网 发布:公司网络屏蔽视频 斗鱼 编辑:程序博客网 时间:2024/05/01 07:37
<table id="famliyTable"><tr><th>标题</th><th>内容</th><th>操作</th></tr><tr><td><input type="text" name="name" id="name" ></td><td><input type="content" name="id" id="content" ></td><img name='addimg' style='cursor:pointer' title='添加' src='icons/icon403a20.gif' onClick='addItem();' /><img name='delimg' style='cursor:pointer' title='删除' src='icons/icon403a19.gif' onClick='delItem(this);' /></td></tr></table>
function delItem(ths){    //通过点击的img控件查找到它的上级的上级 及Tr这个行对象.调用remove()删除.    $(ths).parent("td").parent("tr").remove();}function addItem(){ //复制第一条数据行并添加该行到表格中.$("#famliyTable tr:eq(1)").clone().appendTo("#famliyTable");    //由于是复制的第一条数据行,得把原有的数据清空.    $("#famliyTable").find("tr:last").find("input").val("");}