//定义一个行元素,添加到多个表格中 var tr = $('<tr>').append($('<td>').text('abc')); tr.clone(true).appendTo('table#table_pc'); tr.clone(true).appendTo('table#table_ios'); //清空table(除了第一行以外) $("table#tb_discountDetail tr:not(:first)").empty(); //获取表格的行数 var size = $('table#tb_pc’).find('tbody').find('tr').length; //获取表格第1行第1列内的input值 <td>新添加<input type="hidden" name="ddid" value=“1234567”></td> var ddid = ($("table#tb_pc tbody tr:eq(0) td:eq(0)")).find('input').val(); //获取表格第1行第2列内的文本值 <td>tu</td> var ddid = ($("table#tb_pc tbody tr:eq(0) td:eq(1)”)).text(); //jquery动态向表格添加行 $('#myForm').ajaxSubmit({success: function(entry, statusText, xhr, $form){ $.each(entry, function(index, date){ var radio = $('<input type="radio">').attr('name','toAddId') .attr('value',date['aID']) .attr('myAge',date['AGE']); $('<tr>').appendTo('table#tb_detail').end() .append($('<td>').append(radio)) .append($('<td>').text(date['ROLE'])) .append($('<td>').text(rank).append($('<input type="hidden" name="newFlag">').attr('value',123))) .append($('<td>').append($('<font color="red">').text('禁用')) ) //<font color="red">禁用</font> .append($('<td>').text(date['SUPPORT'])) .append($('<td>').append($('<a herf="#">').attr('class','order_top').text('置顶 ')) .append($('<a herf="#">').attr('class','order_up').text('上移 ')) .append($('<a herf="#">').attr('class','order_down').text('下移 ')) .append($('<a herf="#">').attr('class','order_bottom').text('沉底'))) .append($('<td>').append($('<a herf="#">').attr('class','order_del').text('删除'))); }); }}); //移动行在表格中的位置-上移 $(".order_up").live('click',function(){ var $tr = $(this).parents("tr"); if ($tr.index() != 0) { $tr.fadeOut().fadeIn(); $tr.prev().before($tr); } }); //下移 $(".order_down").live('click',function(){ var $this = $(this); var curTr = $this.parents("tr"); var nextTr = $this.parents("tr").next(); if(nextTr.length == 0){ //alert("最后一行,想移啥?"); return; }else{ nextTr.after(curTr); } }); //置顶 $(".order_top").live('click',function(){ /* var $tr = $(this).parents("tr"); $tr.fadeOut().fadeIn(); var tb = $(this).attr('rel'); $('table#'+tb).prepend($tr); */ var $tr = $(this).parents("tr"); $tr.fadeOut().fadeIn(); var curTb = $(this).parents("table"); curTb.prepend($tr); }); //置底 $(".order_bottom").live('click',function(){ /* var curTr = $(this).parents("tr"); var tb = $(this).attr('rel'); curTr.clone(true).appendTo('table#'+tb); curTr.remove(); */ var curTr = $(this).parents("tr"); var curTb = $(this).parents("table"); curTr.clone(true).appendTo(curTb); curTr.remove(); }); //删除 $(".order_del").live('click',function(){ if(!confirm('确定删除此支付方式?')){ return false; } var curTr = $(this).parents("tr"); curTr.remove(); });
相关推荐
NULL 博文链接:https://kingschan.iteye.com/blog/1513128
jquery操作表格增加删除
使用 JQuery 操作表格,很简单的代码,有详细的注释。
基于JQuery的操作表格附源码,实现html中table的tr的添加、删除以及上下移动。
jquery 对Table 操作 添加、删除 表格
jquery表格操作实例jquery表格操作实例jquery表格操作实例jquery表格操作实例
Demo2--隔行,滑动,点击 变色.+ 多选框选中的行 变色.
jQuery 的Ajax应用 jQuery操作表格 jQuery插件
本文实例讲述了超级简单的jquery操作表格方法。分享给大家供大家参考。具体实现方法如下: 利用jquery给指定的table添加一行、删除一行 代码如下:[removed][removed] ”1px id=”test” name=”test” class=”test...
jquery的 表格操作demo,程序是vs2010的,类似excel表格操作数据的话,还是很有用的,简单实用强大。
jQuery AJAX表格控件(初版)源码 测试版 JQUERY 实现的AJAX表格操作控件 设计上需要改进 初步功能已实现 边个实现了数据库的添加 编辑 删除等基本功能 详细请查看代码
jquery对表格行操作,增删,只是多选删除。
以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 代码如下:$(‘#table1 tr’).hover(function(){ $(this).children(‘td’).addClass(‘hover’)}, function(){ $(this).children(‘td’)....
最近做东西需要对表格进行操作,用到的动作包括:添加一行数据、删除一行数据、上下移动数据,网上找了很多,但是不能完全满足我的需求,自己琢磨了下,搞了个这个东东
简洁的语法和跨平台的兼容性,极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事伯、执行动画操作AJAX的操作。 屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API数据接口。
jquery中,巧妙地使用选择器,对表格添加,删除,修改,相当于ASP.NET中的GridView,但是能有效地提高性能。此程序对JQUERY初学者非常有用。
myeclipse开发的表格排序功能,很简单的,大家看看吧,希望能有所帮助,可以直接拿到项目中用 弘扬开源精神,杜绝积分下载