如何查找包含指定文本的表格列索引？文本可在th、a、div等不同标签内

解决方案 #

可直接使用以下单行代码实现全场景兼容，返回匹配表头对应的列索引（索引从0开始计数）：

const colIndex = $('#tableID thead th').filter((_, th) => $(th).text().trim() === columnName).index();

代码优势说明

• 无需单独判断表头文本放在<th>直接子节点、<a>标签还是<div>标签中，jQuery的.text()方法会自动获取元素及所有后代元素的合并文本内容，天然适配所有嵌套场景
• 用filter做全等匹配，避免了:contains伪类模糊匹配容易命中无关内容的问题，准确性更高
• 直接对匹配到的<th>元素调用.index()，得到的就是该列在表头中的位置，符合列索引的需求

如果你希望沿用:has的写法对齐原有逻辑，也可以使用以下实现：

const colIndex = $('#tableID thead th:contains("' + columnName + '"), #tableID thead th:has(a:contains("' + columnName + '")), #tableID thead th:has(div:contains("' + columnName + '"))').index();

注意：该写法仍存在:contains模糊匹配的缺陷，更推荐第一种精准匹配方案

内容的提问来源于stack exchange，提问作者soccerway