You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用jQuery为每个thead后的最后一个tbody添加类名

解决方法:用jQuery为thead对应的最后一个tbody添加类名

嘿,我来帮你搞定这个需求~针对你给出的表格结构,这里有几种简洁可靠的实现方式:

方法一:直接定位每个表格的最后一个tbody

这种方法最直观,适配你的表格结构(每个table包含一个thead和多个tbody):

// 遍历所有目标表格
$('.section-table').each(function() {
  // 在当前表格范围内找到最后一个tbody,添加自定义类名(比如'last-tbody')
  $(this).find('tbody:last').addClass('last-tbody');
});

简化版(如果页面只有一个目标表格)

如果你的页面上只有这一个.section-table表格,还可以把代码简化成一行:

$('.section-table tbody:last').addClass('last-tbody');

方法二:严格关联thead定位(更贴合需求描述)

如果你需要明确关联到thead元素,确保是thead之后的最后一个tbody,可以用nextAll方法精准定位:

// 遍历每个thead元素
$('.section-table thead').each(function() {
  // 找到当前thead之后的所有tbody,取最后一个添加类名
  $(this).nextAll('tbody:last').addClass('last-tbody');
});

重要注意事项

  • 记得把代码里的last-tbody替换成你实际需要的类名
  • 要确保代码在DOM加载完成后执行,推荐包裹在ready函数里:
$(document).ready(function() {
  // 把上面的代码放在这里
});

内容的提问来源于stack exchange,提问作者NewUser

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 07:56:48