bootstap table表格, 获取当前点击的table元素在该行是第几个

背景

有这样一个需求, table表格中是统计数据, 要求点击每个单元格可实现导出统计的底层数据

bootstap table表格, 获取当前点击的table元素在该行是第几个_第1张图片

数据都是可点击导出的, 

思路

获取行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表格

你可能感兴趣的:(H5,javascript,前端,开发语言)