jquery,表格插入第一行

竭诚为您提供优质文档/双击可除jquery,表格插入第一行
篇一：基于jquery的实现简单的表格中增加或删除下一行
代码如下：
html代码如下:
jquery代码如下:
篇二：jquery可拖曳动态添加表格、动态排序
@authorwen
@time20xx-05-18
这个是模型代码，领会思想就够
√1、3行2列，可以拖动调整位置
√2、第1列为名字，超长支持...（用css控制）
√3、第2列固定宽度，第1列显示剩下的（用css控制）
√4、第2列提供“上移”、“下移”操作
√5、第2列提供“删除”操作
√6、提供“添加行”操作，弹出div输入名字添加行√7、提供“修改行”操作，弹出div输入名字修改行文件：movetable.html
src="/blog/edittable.js" >-->
//启动加载
$(function(){
//varobj={a:1};
//varar=[{b:1},{c:2}];
//alert(0);
//alert($.tojson(obj));
//alert(ar[0].b);
resert();
//拖动排序
$("#sortable").sortable({
items:tr,
//handle:tr,
//handle:.portlet-header,
//cursor:move,
stop:function(){
resert();
}
});
$("#sortable").disableselection();
})
//up
$("a.up").live("click",function(){
varonthis=$(this).parent("td").parent("tr");
vargetup=$(this).parent("td").parent("tr").prev();
$(getup).before(onthis);
resert();
})
//down
$("a.down").live("click",function(){
varonthis=$(this).parent("td").parent("tr");
vargetup=$(this).parent("td").parent("tr").next();
$(getup).after(onthis);
resert();
})
//del
$("a.del").live("click",function(){type="text/javas cript"
varonthis=$(this).parent("td").parent("tr");
onthis.remove();
})
//openadd
$("input[name=addnewtr]").live("click",function(){ $("input[name=name1]").attr("value","");
$("input[name=name2]").attr("value","");
$(".box3").hide();
$(".box2").show();
});
$("input[name=nameadd]").live("click",function(){ addnew();
$(".box2").hide();
});
//openupdate
functionopenupdate(a){
//alert("进了了望"+a);
varvalue1=$("#"+a+"_1").html();
varvalue2=$("#"+a+"_2").html();
$("input[name=name3]").attr("value",value1);
$("input[name=name4]").attr("value",value2);
$(".box2").hide();
$("input[name=_update]").attr("value",a);
$(".box3").show();
};
$("input[name=nameupdate]").live("click",function() {
//alert("进入了1");
varc=$("input[name=_update]")[0].value;
//alert("进入了2");
updatedate(c);
//alert("进入了3");
$(".box3").hide();
});
//~~~~~~~~~~~~~~~~~~//
functionresert(){
if($("#sortable").find("td.doing").size()==1) {
//alert("1");
$("#sortable").find("td.doing").parent().removeclas s("normal").removeclass("last").removeclass("first" ).addclass("only");
}
if($("#sortable").find("td.doing").size()==2) {
//alert("2");
$("td.doing:eq(0)").removeclass("only").removeclass ("normal").removeclass("last").addclass("first");
$("td.doing:eq(1)").removeclass("only").removeclass ("normal").removeclass("first").addclass("last");
}
if($("#sortable").find("td.doing").size()>=3) {
//alert("3");
$("td.doing:gt(0)").removeclass("only").removeclass ("first").removeclass("last").addclass("normal");
$("td.doing:first").removeclass("only").removeclass ("normal").removeclass("last").addclass("first");
$("td.doing:last").removeclass("only").rem oveclass("normal").removeclass("first").addclass("l ast");
}
}
var_j=5;
//alert(_j);
functionaddnew()
{
varname1=$("input[name=name1]")[0].value;
varname2=$("input[name=name2]")[0].value;
_j=++_j;
//alert(_j);
//添加新行
varsortable=$(#sortable);
varfirsttr=sortable.find(tbody>tr:first);。