使用jQuery处理表格：移除空元素、管理类及设置width属性

没问题，这三个表格操作需求可以用简洁的jQuery代码一次性实现，我把每个步骤的逻辑和完整代码都整理好了：

分步解析 #

• 移除空的faux_align单元格：
  我们可以利用jQuery的:empty选择器精准匹配内容为空的目标单元格，然后直接移除：

  $('td.faux_align:empty, th.faux_align:empty').remove();
  

  这里的:empty会严格匹配没有任何内容（包括空格、换行）的元素，确保只移除真正空的单元格。

• 添加table类（自动去重）：
  jQuery的addClass()方法本身就具备自动去重的特性——如果目标元素已经有table类，它不会重复添加，所以直接一行代码搞定：

  $('table').addClass('table');
  

• 强制设置表格width为100%：
  我们需要遍历每个表格，检查它的width属性：如果属性不存在，或者属性值不是100%，就将其设置为100%：

  $('table').each(function() {
    const currentWidth = $(this).attr('width');
    if (!currentWidth || currentWidth !== '100%') {
      $(this).attr('width', '100%');
    }
  });
  

  要是你需要的是设置CSS的width而不是HTML属性，只需要把attr换成css即可：

  $('table').each(function() {
    const currentWidth = $(this).css('width');
    if (currentWidth !== '100%') {
      $(this).css('width', '100%');
    }
  });
  

完整整合代码 #

把所有操作放在一起，你可以直接使用：

$(document).ready(function() {
  // 移除空的faux_align单元格
  $('td.faux_align:empty, th.faux_align:empty').remove();
  
  // 添加table类（自动去重）
  $('table').addClass('table');
  
  // 设置表格width属性为100%
  $('table').each(function() {
    const currentWidth = $(this).attr('width');
    if (!currentWidth || currentWidth !== '100%') {
      $(this).attr('width', '100%');
    }
  });
});

如果你的表格是动态加载的（比如通过AJAX获取），记得把这段代码放在表格加载完成后执行，或者使用事件委托的方式处理。

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