//定义一个行元素,添加到多个表格中 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(); });
jquery操作表格
猜你喜欢
转载自tjy86.iteye.com/blog/2392591
今日推荐
周排行