jquery - 将相同的菜单类分配给body jquery

Question

我有个问题。我有一个这样的菜单：

<ul id="mainmenu" class="meganizr mzr-slide mzr-responsive">
<li id="menu_435" class="style1 menu_1 active">
<li id="menu_469" class="style5 menu_1 mzr-drop parent">
<li id="menu_475" class="style3 menu_1 mzr-drop parent">
<li id="menu_507" class="style4 menu_1">
<li id="menu_540" class="style5 menu_1 mzr-drop parent">
<li id="menu_559" class="style6 menu_1">
</ul>

我的问题与class="style6". 当菜单处于活动状态时，我希望将类style6分配给 body。示例： < body class="style6". 我怎样才能做到这一点？

Answer 1

假设您通过单击菜单中的 style6 来决定活动状态，

$(document).ready(function(){
    $('li[class^="style6 menu_1 active"]').click(function(){
        $('body').attr('class','style6');
    }); 
});