如何使用带包装器的Javascript/jQuery动态修改CSS类？

我有一个表的现有html代码

例如

如何在不更改原始html代码的情况下执行此操作

使用，围绕匹配元素集中的每个元素包装一个HTML结构

$（'.old style'）.wrap（''.removeClass（）.addClass（'table-bordered-table-condensed'）
。响应表{
颜色：红色；
}
.桌子{
字体大小：粗体；
}
.有边框的桌子{
边框：2件纯黑；
}
.表格压缩>tbody>tr>td，
.表格压缩>tbody>tr>th，
.表格压缩>tfoot>tr>td，
.表格压缩>tfoot>tr>th，
.table condensed>thead>tr>td，
.table condensed>thead>tr>th{
填充：5px
}

你好

使用，围绕匹配元素集中的每个元素包装一个HTML结构


$（'.old style'）.wrap（''.removeClass（）.addClass（'table-bordered-table-condensed'）
。响应表{
颜色：红色；
}
.桌子{
字体大小：粗体；
}
.有边框的桌子{
边框：2件纯黑；
}
.表格压缩>tbody>tr>td，
.表格压缩>tbody>tr>th，
.表格压缩>tfoot>tr>td，
.表格压缩>tfoot>tr>th，
.table condensed>thead>tr>td，
.table condensed>thead>tr>th{
填充：5px
}

你好
这部分回答了我关于应用包装器类的问题。但是如何动态删除
中现有的旧类，并在
中插入
class=“table-table-bordered-table-condensed”
？我用一个更详细的例子修改了原来的问题。另一个问题是关于
.wrap
，匹配类的顺序重要吗？不，它只是一个选择器，就像所有其他选择器一样。。您可以选择
.addClass
和
.removeClass
来处理
类
。您的代码适用于
class=“old style”
的特定实例。我可能有多个类，是否有一种方法可以全局删除
中包含的
元素的所有类，并在整个过程中应用新类？我可能有多个
表
块，每个块可能有不同的默认类/属性。更新的帖子会有帮助！这部分回答了我关于应用包装器类的问题。但是如何动态删除
中现有的旧类，并在
中插入
class=“table-table-bordered-table-condensed”
？我用一个更详细的例子修改了原来的问题。另一个问题是关于
.wrap
，匹配类的顺序重要吗？不，它只是一个选择器，就像所有其他选择器一样。。您可以选择
.addClass
和
.removeClass
来处理
类
。您的代码适用于
class=“old style”
的特定实例。我可能有多个类，是否有一种方法可以全局删除
中包含的
元素的所有类，并在整个过程中应用新类？我可能有多个
表
块，每个块可能有不同的默认类/属性。更新的帖子会有帮助！
<div class="content-entry">
    <table class="old-style" border="3">
        <tr align="middle">
            <td style="font-weight:bold"></td>
        </tr>
    </table>
</div>

<div class="content-entry">
    <div class="responsive-table">
        <table class="table table-bordered table-condensed">
            <tr>
                <td></td>
            </tr>
        </table>
    </div>
</div>