本文主要是介绍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表格
这篇关于bootstap table表格, 获取当前点击的table元素在该行是第几个的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
