Javascript 在页面加载时，将某个样式设置为LI元素

我有一个带有以下菜单的页面：

根据单击的菜单按钮，颜色会发生变化，我可以在新页面加载时“记住”（设置）颜色，如下所示：

$('[id*="button"]').click(function() {
    $('.topmenu-ul li').removeClass();
    $(this).addClass('topmenu-selected' + $('a', this).attr('class'));
});

我还想在页面加载后为LI元素设置一个样式（不同的背景色和红色突出显示的文本）。因此，当我单击“新约会”时，在新页面上，LI元素应该如下所示：

所以我基本上想要改变子li的类，就像我对主按钮所做的一样，例如：

$('#redbutton').addClass('topmenu-selectedred');
$('.topmenu-tab-appointments').show();

看到这个了吗

你可以把任何你想添加的颜色添加进去。这取决于你，我刚刚向你展示了如何做

看到这个了吗

---

你可以把任何你想添加的颜色添加进去。这取决于你，我刚刚向你展示了如何做

我创建了一个小提琴，当按下按钮时，它会改变背景

当其他人被推的时候，你会让他们“unpush”

试试这把小提琴

$（“.topmenu ul li”）。单击（函数（）{
$（'li>#topmenu ul'）.hide（）；
$（this.children（“ul”）.toggle（）；
});
$（“[id*=”按钮“]）。单击（函数（）{
$（'.topmenu ul li'）.removeClass（）；
$（this.addClass（'topmenu-selected'+$（'a'，this.attr（'class'））；
});
$（'.topmenu ul li a'）。单击（函数（）{
$（this.addClass（'topmenu-selectedsub'）；
});
*{
保证金：0；
填充：0；
溢出：自动；
}
html，
身体{
身高：100%
}
标题，
页脚，
文章
第节，
hgroup，
导航，
身材{
显示：块
}
身体{
字号：1em；
颜色：#fcfc；
背景色：#f8f4eb；
字体系列：Verdana、Arial、Helvetica、无衬线；
}
/*
*HTML5章节
*/
.标题{
高度：72px；
保证金：0；
填充：0；
背景色：#fff；
溢出：隐藏；
}
.导航{
位置：相对位置；
高度：52px；
保证金：0；
填充：0；
溢出：隐藏；
}
梅因先生{
位置：相对位置；
最小高度：计算（100%-124px）；
背景色：#f8f4eb；
}
.旁白{
浮动：左；
宽度：195px；
背景色：#ebddca；
身高：100%；
}
/*
*顶级菜单样式
*/
.topmenu{
背景：-webkit线性梯度（#858585，#636263）；
边框顶部：1px实心#6565；
边框底部：1px实心#3663ab；
长方体阴影：插入0 1px 0#A8A8；
高度：20px；
字体系列：Verdana、Arial、Helvetica、无衬线；
颜色：#000
}
.顶部菜单标题{
高度：4px；
背景：-webkit线性梯度（顶部，#f5efe4 0%，#d3cdbe 100%）；
边框顶部：1px实心#d5cab8
}
.topmenu子菜单{
左侧填充：5px；
左：0；
宽度：100%；
高度：24px；
顶部：30px；
背景：-webkit线性梯度（顶部，#c8bfb0 0px，#f5efe6 7px）；
边框底部：1px实心#d3c7b6
}
.topmenu ul，
锂，
a{
保证金：0；
填充：0；
光标：指针；
}
李先生{
列表样式：无
}
a{
文字装饰：无；
颜色：#000
}
.topmenu ul>li{
浮动：左；
显示：内联；
列表样式：无；
空白：nowrap；
右边框：1px实心#4141；
长方体阴影：1px0RGBA（165、162、165、1）
}
.topmenu ul>li a{
颜色：#E6；
字体大小：.7rem；
线高：20px；
高度：20px；
显示：块；
填充：0 20px
}
.topmenu ul>li a:悬停{
颜色：#fff
}
.topmenu ul li a:悬停{
背景色：#f3efe5
}
.topmenu ul li ul{
字号：0；
显示：无；
列表样式：无；
位置：绝对位置；
顶部：27px；
左：-8px；
}
.topmenu ul li ul li a{
颜色：#000；
线高：24px；
高度：24px；
字体大小：正常；
}
.topmenu ul li a:悬停{
颜色：红色；
}
.topmenu ul li ul li{
显示：内联块；
列表样式：无；
空白：nowrap；
线高：24px；
高度：24px；
背景：-webkit线性梯度（顶部，#c8bfb0 0px，#f5efe6 7px）；
边框底部：1px实心#d3c7b6；
右边框：1px实心#d5ccbe
}
.topmenu ul>[class*=topmenu selected]>a{
颜色：#fff；
}
.顶部菜单选择蓝色{
颜色：#fff；
字号：700；
背景：-webkit线性梯度（#78b1ff，#4881dc）
}
.顶部菜单已选定{
颜色：#fff；
字号：700；
背景：-webkit线性梯度（#ff8476，#dc5348）
}
.顶部菜单已选择紫色{
颜色：#fff；
字号：700；
背景：-webkit线性梯度（#b479ff，#854ade）
}
.顶部菜单选择绿色{
颜色：#fff；
字号：700；
背景：-webkit线性梯度（#9dd592，#649f5a）
}
.TOP选择的菜单Sub{
背景色：#f3efe5
}



















我创建了一个小提琴，按下按钮时，它会使按钮转动背景

当其他人被推的时候，你会让他们“unpush”

试试这把小提琴


$（“.topmenu ul li”）。单击（函数（）{
$（'li>#topmenu ul'）.hide（）；
$（this.children（“ul”）.toggle（）；
});
$（“[id*=”按钮“]）。单击（函数（）{
$（'.topmenu ul li'）.removeClass（）；
$（this.addClass（'topmenu-selected'+$（'a'，this.attr（'class'））；
});
$（'.topmenu ul li a'）。单击（函数（）{
$（this.addClass（'topmenu-selectedsub'）；
});
*{
保证金：0；
填充：0；
溢出：自动；
}
html，
身体{
身高：100%
}
标题，
页脚，
文章
第节，
hgroup，
导航，
身材{
显示：块
}
身体{
字号：1em；
颜色：#fcfc；
背景色：#f8f4eb；
字体系列：Verdana、Arial、Helvetica、无衬线；
}
/*
*HTML5章节
*/
.标题{
高度：72px；
保证金：0；
填充：0；
背景色：#fff；
溢出：隐藏；
}
.导航{
位置：相对位置；
高度：52px；
保证金：0；
填充：0；
溢出：隐藏；
}
梅因先生{
位置：相对位置；
最小高度：计算（100%-124px）；
背景色
 $(".topmenu-ul li").click(function() {
        $('li > #topmenu-ul').hide();
        $(this).children("ul").toggle();
        $(".topmenu-ul li").css("background-color","")
        $(this).css("background-color","red")
    });
$('[id*="button"]').click(function() {
        $('.topmenu-ul li').removeClass();
        $(this).addClass('topmenu-selected' + $('a', this).attr('class'));

    });

    $("#topmenu-ul li a").click(function() {


        $("#topmenu-ul li a").css("background-color","")
        $(this).css("background-color","red")
    });