做下载网站用什么程序好,如何申请单位邮箱,服装门户系统网站,线上营销推广方案背景
有这样一个需求, table表格中是统计数据, 要求点击每个单元格可实现导出统计的底层数据 数据都是可点击导出的,
思路
获取行bootstap 有个index参数, 所哟要获取当前行第几列, 要获取当前点击的table元素在其所在行中的位置#xff08;即第几个#xff09;#xff…背景
有这样一个需求, table表格中是统计数据, 要求点击每个单元格可实现导出统计的底层数据 数据都是可点击导出的,
思路
获取行bootstap 有个index参数, 所哟要获取当前行第几列, 要获取当前点击的table元素在其所在行中的位置即第几个你可以使用JavaScript的事件对象和DOM API来实现。以下是一个简单的方法
// 获取当前点击的table元素
var clickedCell event.target;// 获取当前行的所有单元格
var cells clickedCell.parentNode.getElementsByTagName(td);// 计算当前点击的单元格在其所在行中的位置
var cellIndex Array.prototype.indexOf.call(cells, clickedCell);// 输出位置信息
console.log(当前点击的单元格在其所在行中的位置是第 (cellIndex 1) 个);
在这个方法中我们首先通过事件对象获取当前点击的table元素。然后我们使用getElementsByTagName方法获取当前行的所有单元格并使用Array.prototype.indexOf.call方法计算当前点击的单元格在其所在行中的位置。最后我们输出位置信息。请注意这里假设单元格的索引是从0开始的因此我们需要在结果上加1来得到从1开始的索引。
PS: 该方式用于获取行/列位置都可以的, 并不局限于bootstap表格
