javascript - 使两个CSS类相等

Question

下面的第二个代码创建了两个选项卡。它是由一个模块生成的。该模块使用自己的 css 类来设置自己生成的代码的样式。还有其他 css 类可以比上述模块更好地设置选项卡的样式。(如 Bootstrap “nav”和“nav-tabs”类)。我想让类“tabs”等于“nav nav-tabs”。换句话说，我想制作 <ul class="tabs">等于 <ul class='nav nav-tabs'> .我搜索了很多但没有找到解决方案。从 bootstrap 复制 css 属性并覆盖“tabs”类似乎效率低下。有没有一种有效的方法来做到这一点？类似以下 html 代码的内容:

<style>
    .tabs{
    .nav;
    .navtabs;
    }
</style>

note: I do not want to change the module css files or change Bootstrap css files.

<!-- Module generated code -->
    <ul class="tabs">
      <li>
        <a href="#">tab1</a>
      </li>
      <li>
        <a href="#">tab2</a>
      </li>
    </ul>

Answer 1

使用 Jquery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script>
    $(document).ready(function(){
        $(".tabs").addClass("nav navtabs");     
    });
</script>