全部博文(2065)
分类: 系统运维
2010-03-11 16:41:48
JQuery实现表格动态生成
[整理人: 遥方 整理时间:
需要实现一个用户动态选择文件然后再上传的功能,需要用到动态生成表格现在整理下以备将来使用。
DEMO1:动态生成表格行与删除表格行的代码
3C//DTD XHTML 1.0 Transitional//EN" "">
$(document).ready(function(){
$("#but").click(function(){
var $table=$("#tab tr");
var len=$table.length;
$("#tab").append(" "); "+len+" 删除
})
})
function deltr(index)
{
$table=$("#tab tr");
if(index>$table.length)
return;
else
{
$("tr[id=\'"+index+"\']").remove();
//$("tr:gt('"+index+"')").each
for(var temp=index+1;temp<=$table.length;temp++)
{
$("tr[id=\'"+temp+"\']").replaceWith(" ");"+(temp-2)+" 删除
}
}
}
序号
上传插件
操作
1
删除
代码非常精简。使用JQuery确实操作起来非常方便呀!