jquery操作表格

 

 

//定义一个行元素，添加到多个表格中
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();
});