jquery,添加表格行.doc
文本预览下载声明
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-
显示全部