如何使用JQuery自动将表格的Class转换为ID？

没问题，我来给你一步步拆解怎么实现这个需求——把带Bootstrap类的表格替换成指定ID，方便打印页面调用。

首先核心思路很简单：选中目标表格，给它设置你想要的ID，再移除原来的class属性（完全匹配你例子里的替换效果）。

单个表格的情况 #

如果页面上只有一个符合条件的表格，直接用这段代码就行：

// 等页面DOM加载完成再执行，避免找不到元素
$(document).ready(function() {
  // 精准选中带这些Bootstrap类的表格
  const targetTable = $('table.table.table-striped.table-bordered');
  // 给表格设置目标ID
  targetTable.attr('id', 'mytable');
  // 移除原来的所有class属性
  targetTable.removeAttr('class');
});

执行后，你的表格就会从 <table class="table table-striped table-bordered"> 变成 <table id="mytable">，完全符合你的要求。

多个表格的情况 #

如果页面上有多个这类表格，要注意HTML里ID必须唯一，所以得给每个表格分配不同的ID，比如加个序号区分：

$(document).ready(function() {
  // 遍历所有目标表格
  $('table.table.table-striped.table-bordered').each(function(index) {
    // 生成唯一ID：第一个是mytable，后面的依次是mytable-1、mytable-2...
    const uniqueId = index === 0 ? 'mytable' : `mytable-${index + 1}`;
    // 给当前表格设置ID
    $(this).attr('id', uniqueId);
    // 移除原class属性
    $(this).removeAttr('class');
  });
});

额外小提示 #

如果你不想完全移除class，只是添加ID同时保留部分样式类，把removeAttr('class')改成removeClass('table table-striped table-bordered')就行——这样只会删掉指定的Bootstrap类，其他可能存在的自定义class会保留。

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