关于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');//可以操作该行的所有tdvar td=$(obj).parent().children('td');//可以var td=$(obj).parent().children();//可以，只返回当前点击的td 为eq（0） 只能操作当前点击的tdvar 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;//列

关于table的一些非主流操作相关推荐

android sqlite alert table,android sqlite数据库操作
sqlite有一点不同于其他常见数据库,就是sqlite数据库是存成文件的,可以直接把该文件从手机里导出来,以文件的形式存在,然后放到电脑上查看. Android操作数据库有如下步骤: 1.继承SQL ...
html保存table并刷新,js操作添加删除table行，并进行刷新
添加行的js如下 table 的id为myTable 添加table的一行内容 function insertRow() { var rowValue = document.getElementBy ...
DB2中ALTER TABLE为什么需要REORG操作？
ALTER TABLE操作在日常开发中很常见,下面是摘自DB2官网关于ALTER TABLE操作的一段话. Perhaps the most important thing to realize wh ...
【前端实例】JavaScript对Table数据进行排序操作
[提出需求] 点击表格头部的时候根据对应列的所有值来进行排序,最终显示排序后的数据行. [具体效果] [步骤思路] 点击需要排序列的数据头,获取数据头所在列的索引.通过索引找到每一行所对应列的数据,之 ...
Hive中alter table 对分区表的操作：添加列，修改列，删除历史分区
alter table 用于在已有的hive表中添加.修改删除列在分区表中添加新的一列: alter table table_name add columns(columns_name double ...
html表格联动,html前端基础：table和select操作
html前端基础:table和select操作发布时间:2020-05-13 09:58:10 来源:亿速云阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
alter table新增字段操作究竟有何影响？(上篇)
很久以前就有个疑问,见过一些表设计时会留出几个reverse的字段,目的是为了以后扩展,但此时设计的字段类型.长度等都是预计的,未来是否可用,不好说,那为什么会这么做呢?可能的原因是:"我现 ...
Oracle索引梳理系列（十）- 直方图使用技巧及analyze table操作对直方图统计的影响（谨慎使用）
版权声明:本文发布于http://www.cnblogs.com/yumiko/,版权由Yumiko_sunny所有,欢迎转载.转载时,请在文章明显位置注明原文链接.若在未经作者同意的情况下,将本文内 ...
Oracle索引梳理系列（十）- 直方图使用技巧及analyze table操作对直方图统计的影响（谨慎使用）...
版权声明:本文发布于http://www.cnblogs.com/yumiko/,版权由Yumiko_sunny所有,欢迎转载.转载时,请在文章明显位置注明原文链接.若在未经作者同意的情况下,将本文内 ...

关于table的一些非主流操作

关于table的一些非主流操作相关推荐

最新文章

热门文章