如何用jQuery为仅含一个可见单元格的表格行动态添加colspan='100'

没问题，这个需求很好解决，我给你写个针对性的jQuery代码，再拆解下细节：

核心代码 #

// 等页面DOM完全加载后执行
jQuery(document).ready(function($) {
  // 遍历目标表格的每一行（如果表格有专属类，记得替换成你的类名）
  $('table tr').each(function() {
    // 获取当前行中所有可见的单元格
    const visibleCells = $(this).find('td:visible');
    
    // 当该行仅存在1个可见单元格时，设置colspan属性
    if (visibleCells.length === 1) {
      visibleCells.attr('colspan', '100');
    }
  });
});

关键细节说明 #

• 精准定位表格：如果页面上有多个表格，建议给你的目标表格加个专属class（比如wp-plugin-table），把选择器改成$('.wp-plugin-table tr')，避免误操作其他表格。
• 兼容表头单元格：如果你的行里包含<th>表头且也需要处理，把td:visible改成td:visible, th:visible即可。
• 动态表格适配：如果表格是通过AJAX动态加载的，别只在document.ready里执行一次，要把这段代码放到表格加载完成的回调函数里，确保能正确找到元素。
• colspan值的选择：用100是因为它足够大，不管你的表格实际有多少列，都能保证单元格占满整行，不用手动统计总列数。

补充提示 #

要是你之前隐藏空单元格的代码也是jQuery实现的，比如：

$('table td:empty').hide();

可以把这两段代码合并到同一个document.ready函数里，逻辑会更连贯。

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