bootstap table表格, 获取当前点击的table元素在该行是第几个
背景
有这样一个需求, 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表格