关于table的一些非主流操作

1、关于表行列的隐藏操作

<span style="font-size:18px;"><span style="font-size: 18px;">//行隐藏
$("tr[id$=SFFORM029_tr_add_2012112214426120_main]").show();
$("#tableLayout>tbody>tr:lt(12):gt(6)").show();
$("#tableLayout>tbody>tr").eq(19).show();
//列隐藏
$("td[id$=columnNewID20121121144124193_1]").hide();
document.getElementById("SFFORM015_SUB1_td_add_201313_sub").lastChild.style.display = "none";
$('table tr').find('td:eq(13)').hide();	           </span></span>

<span style="font-size:18px;"><span style="font-size: 18px;">document.getElementById("SFFORM015_SUB1_td_add_201313_sub").cells[1].style.display = "none";
//table的某行某列或者表头隐藏
$("#overTimeApplyTable td:eq(2)").hide();
$("#overTimeApplyTable th:eq(2)").hide();</span></span>

2、table行tr的click事件

<tr id="tr1" οnclick="click1(this)"></tr>

当前行的click事件，对应function click1(obj)函数

function click1(obj)
{
     var id=$(obj).attr("id");//获取当前行的属性
     var name=$(obj).attr("name","name1");//设置当前行的属性等其他常规操作
     $(obj).css();等等
}

js写法：<p align="left"><span style="background: rgb(217, 217, 217);">row.cells[j].getAttribute("name"); //获取目标行的列的属性</span></p><p align="left"><span style="background: rgb(217, 217, 217);">setAttribute("name", "sss");//设置属性</span></p>

3、table 列td的click事件

<tr id="tr1" ><td οnclick="click1(this)"></td></tr>

</pre><pre name="code" class="html" style="font-size: 18px;">//获取table的td的click事件获取行列值
//parent()直接父节点,parents()根节点,parents('tr')指定跟节点
function cllick(obj){
     var $td = $(obj).parents('tr').children('td');//先访问指定根元素（父节点），父节点再访问td，就可以操作整行td
     $td.eq(10).attr("style", "background:url(../../Public0/Image/RadioSelected.JPG) no-repeat center center");//更改目标行的第12个td的背景图片
     var item_no=$td.eq(0).text();//获取第一个td的文本内容
     $(obj).parents('tr').attr()//可以查找父元素tr的属性
     var td=$(obj).parents('tr').children('td');//可以操作该行的所有td
     var td=$(obj).parent().children('td');//可以
     var td=$(obj).parent().children();//可以，只返回当前点击的td 为eq（0） 只能操作当前点击的td
     var td=$(obj).parent().find('td');//可以，
     var td=$(obj).parent('tr').find('td');// parent('tr') 错误，直接父节点不能指定
     var td=$(obj).parents('tr').find('td');//找不到目标元素
     td.eq(9).attr("style", "background:url(../../Public0/Image/RadioSelected.JPG) no-repeat center center");
}

4、行数计算

var dataLen =$("#sub3_Table").find("tr").length;

//关于table tbody行数计算

var $tbodyTrs = $("#transformTable>tbody>tr");
var dataLen= $tbodyTrs.length;

//关于.net webform控件gridview前台行数计算

var table_one =document.getElementById("<%=GridView_SUB1.ClientID%>");

//获取表的总行数 tr
$("#tbRAF").find("tr").length ;
//获取所在行的行号
$(this).parent().prevAll().length + 1;//行号
//获取所在列的列号
$(this).prevAll().length + 1;//列