jquery表格插入第一行.docx

1、jquery表格插入第一行竭诚为您提供优质文档/双击可除jquery,表格插入第一行篇一：基于jquery的实现简单的表格中增加或删除下一行代码如下：html代码如下:jquery代码如下:篇二：jquery可拖曳动态添加表格、动态排序authorwentime20xx-05-18这个是模型代码，领会思想就够1、3行2列，可以拖动调整位置2、第1列为名字，超长支持.（用css控制）3、第2列固定宽度，第1列显示剩下的（用css控制）4、第2列提供“上移”、“下移”操作5、第2列提供“删除”操作6、提供“添加行”操作，弹出div输入名字添加行7、提供“修改行”操作，弹出div输入名字修改行文件：

2、movetable.htmlsrc=/启动加载$(function()/varobj=a:1;/varar=b:1,c:2;/alert(0);/alert($.tojson(obj);/alert(ar0.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

3、=$(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()

4、type=text/javascriptvaronthis=$(this).parent(td).parent(tr);onthis.remove();)/openadd$(inputname=addnewtr).live(click,function()$(inputname=name1).attr(value,);$(inputname=name2).attr(value,);$(.box3).hide();$(.box2).show(););$(inputname=nameadd).live(click,function()addnew();$(.box2).hide(););/open

5、updatefunctionopenupdate(a)/alert(进了了望+a);varvalue1=$(#+a+_1).html();varvalue2=$(#+a+_2).html();$(inputname=name3).attr(value,value1);$(inputname=name4).attr(value,value2);$(.box2).hide();$(inputname=_update).attr(value,a);$(.box3).show();$(inputname=nameupdate).live(click,function()/alert(进入了1);var

6、c=$(inputname=_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().removeclass(normal).removeclass(last).removeclass(first).addclass(only);if($(#sortable).find(td.doing).size(

7、)=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).remo

8、veclass(last).addclass(normal);$(td.doing:first).removeclass(only).removeclass(normal).removeclass(last).addclass(first);$(td.doing:last).removeclass(only).removeclass(normal).removeclass(first).addclass(last);var_j=5;/alert(_j);functionaddnew()varname1=$(inputname=name1)0.value;varname2=$(inputname

9、=name2)0.value;_j=+_j;/alert(_j);/添加新行varsortable=$(#sortable);varfirsttr=sortable.find(tbodytr:first);varrow=$();vartd=$();vartd2=$();vartd3=$();td.text(name1);td2.text(name2);td3.append(删除修改);row.append(td);row.append(td2);row.append(td3);sortable.append(row);resert();functionupdate(a)/传进来/alert(a

10、);/alert(进来了);openupdate(a);functionupdatedate(a)varname3=$(inputname=name3)0.value;varname4=$(inputname=name4)0.value;alert(name3);alert(name4);$(#+a+_1).text(name3);$(#+a+_1).text(name3);/alert(value1);/alert(value2);#sortable2border:1pxsolid#000;table-layout:fixed;#sortable2thtext-align:left;font

11、-size:14px;font-weight:600;background:#Fc9;#sortable2tdborder-bottom:1pxsolid#ccc;.link1white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;.link2white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;#pannellista.arrow篇三：jquery动态添加和删除行htt

12、p:/www.w3.org/tR/xhtml1/dtd/xhtml1-transitional.dtdjquery表格操作添加行、删除行和动态移动src=/html/js/jquery-1.3.2.min.js添加一行删除一行上移下移序号步骤名称步骤描述相关操作varcurrentstep=0;varmax_line_num=0;functionadd_line()max_line_num=$(#contenttr:last-child).children(td).html();if(max_line_num=null)max_line_num=1;elsemax_line_num=parse

13、int(max_line_num);max_line_num+=1;$(#content).append(+onclick=lineclick(this);+max_line_num+打开网页+max_line_num+打开登录网页+max_line_num+删除编辑);functionremove_line()$(#contenttr).each(function()varseq=parseint($(this).children(td).html();if(seq=currentstep)$(this).remove();if(seqcurrentstep)$(this).children

14、(td).each(function(i)if(i=0)$(this).html(seq-1);););currentstep=0;functionup_exchange_line()if(currentstep=0)alert(请选择一项!);returnfalse;if(currentstep=max_line_num)alert(非法操作!);returnfalse;varnextstep=parseint(currentstep)+1;/修改序号$(#line+nextstep+td:first-child).html(currentstep);$(#line+currentstep+

15、td:first-child).html(nextstep);/取得两行的内容varnextcontent=$(#line+nextstep).html();varcurrentcontent=$(#line+currentstep).html();$(#line+nextstep).html(currentcontent);/交换当前行与上一行内容$(#line+currentstep).html(nextcontent);$(#contenttr).each(function()$(this).css(background-color,#ffffff););$(#line+nextstep).css(background-color,yellow);currentstep=nextstep;functionlineclick(line)$(#contenttr).each(function()$(this).css(background-color,#ffffff););varseq=$(line).children(td).html();$(line).css(background-color,yellow);currentstep=seq;