使用jQuery如何查找表格中最近的相邻匹配表头行

你可以结合closest()、prevAll()和first()三个方法实现需求，无需修改原有HTML结构：

核心代码 #

// 假设this是你绑定点击事件的行内元素
const $targetHeader = $(this).closest('tr').prevAll('.header').first();

逻辑说明 #

• 第一步$(this).closest('tr')：从点击元素出发向上查找祖先元素，定位到当前元素所属的表格行
• 第二步prevAll('.header')：查找当前行上方所有带.header类的兄弟元素，返回结果会按照距离当前行由近到远排序
• 第三步first()：取结果集的第一个元素，就是你需要的最近的上方表头行

完整绑定示例 #

如果是给行内的可点击元素绑定事件，可以直接用事件委托的写法，兼容动态加载的表格内容：

$('table').on('click', '.你绑定事件的元素选择器', function() {
  const $nearestHeader = $(this).closest('tr').prevAll('.header').first();
  // 这里写对表头行的操作逻辑
})

补充说明 #

你之前用.closest('.header')没有生效，是因为closest()方法只会沿DOM树向上查找父级、祖先级元素，而表头行是当前行的同级兄弟元素，不在祖先链路里，所以无法匹配到。

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