javascript更改css类，而不是 append 到它

Question

我如何更改下面的 javascript 来更改我的 css 类，而不是添加/append 到它？

<script type="text/javascript">
    (function($){   
        $(document).ready(function(){
        $('ul#horizontal.nav.menu').addClass('myNewClass');
        });
    })(jQuery);
</script>

编辑

我正在尝试更改以下 UL:

<ul class="nav menu" id="horizontal"> 

到

<ul class="myclass" id="horizontal">

我在关闭前尝试了以下操作 </body>标记但不工作:

<script type="text/javascript">
        (function($){   
          $(document).ready(function(){
            // add items for bootstrap dropdown's
              $("#horizontal").attr("class", "myclass");
            })(jQuery);
        </script>

Answer 1

你可以尝试使用attr方法:

$('ul#horizontal.nav.menu').attr( 'class', 'myNewClass');