文档详情

jquery,添加表格行.doc

发布:2016-12-26约5.48千字共42页下载文档
文本预览下载声明
jquery,添加表格行 篇一:jquery实现动态添加和删除行 lt;%@ page language=java import=java.util.* pageEncoding=UTF-8% lt;%@ taglib uri=eaglelink prefix=eaglelink% lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd lt;html xmlns=/1999/xhtml lt;head lt;titlejQuery表格操作添加行、删除行和动态移动lt;/title lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 / lt;script language=javascript src=/images/jquery1.3.2.jslt;/script lt;script language=javascript src=lt;eaglelink:contextpath//html/js/jquery-1.3.2.min.jslt;/script lt;/head lt;body lt;a href=# onclick=add_line();添加一行lt;/aamp;nbsp;amp;nbsp; lt;a href=# onclick=remove_line();删除一行lt;/aamp;nbsp;amp;nbsp; lt;a href=# onclick=up_exchange_line();上移lt;/aamp;nbsp;amp;nbsp; lt;a href=# onclick=down_exchange_line();下移lt;/a lt;table lt;tr lt;td序号lt;/td lt;td步骤名称lt;/td lt;td步骤描述lt;/td lt;td相关操作lt;/td lt;/tr lt;/table lt;table id=content lt;/table lt;script language=javascript var currentStep = 0; var max_line_num = 0; function add_line() { max_line_num = $(#content tr:last-child).children(td).html(); if (max_line_num == null) { max_line_num = 1; } else { max_line_num = parseInt(max_line_num); max_line_num += 1; } $(#39;#content#39;).append( lt;tr id=#39;line + max_line_num + #39; onclick=#39;lineclick(this);#39;lt;td + max_line_num + lt;/tdlt;td打开网页 + max_line_num + lt;/tdlt;td打开登录网页 + max_line_num + lt;/tdlt;td删除amp;nbsp;amp;nbsp;编辑lt;/tdlt;/tr);} function remove_line() { $(#content tr).each(function() { var seq = parseInt($(this).children(td).html()); if (seq == currentStep) $(this).remove(); if (seq currentStep) $(this).children(td).each(function(i){ if (i == 0) $(this).html(seq - 1); }); }); currentStep = 0; } function up_exchange_line() { if (currentStep == 0) {alert(#39;请选择一项!#39;);return false; } if (currentStep lt;= 1) {alert(#39;非法操作!#39;);return false; } var upStep = currentStep - 1; //修改序号 $(#39;#line#39; + upStep + td:first-
显示全部
相似文档