使用javascript将类设置为LI元素

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

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

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

我还想“记住”（设置）子菜单链接（因此，当我单击“添加约会”并加载相应页面时，它需要保持高亮显示，如下所示：

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

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

---

欢迎任何指点！我试着回答你的问题。我已经创造了小提琴。 我在代码中添加了以下方法

$('ul > li > a').click(function() {
    if(!$(this).hasClass("parent")) {
       $(this).css('color','red');
       $(this).parent().siblings().children().css('color','black');
    }
});

---

当您单击“新建约会”子菜单时，页面可能已加载，因此您可能无法使用javascript记住它，您可能需要将其存储在cookie中，然后检索并设置为“记住”，我的意思是在加载的新页面上设置它，就像我对彩色主按钮所做的那样：$（“#红色按钮”）.addClass（'topmenu-selectedred'）；$（'.topmenu tab appointments'）.show（）；好的，那么你可以使用jquery的父函数来应用你的颜色谢谢，它可以工作，但我正在寻找一些我可以在页面加载时使用的东西，以突出显示相应的按钮。虽然我会接受你的答案，因为它确实有效，但我只需要进一步查看：）