使用 javascript 将类设置为 LI 元素

Question

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

https://jsfiddle.net/dva4zo8t/

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

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

我还想“记住”（设置）子菜单链接（所以当我点击“添加约会”并加载相应的页面时，它需要像这样保持突出显示：

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

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

非常欢迎任何指点！

Answer 1

我试着回答你的问题。我创造了小提琴。 我在您的代码中添加了以下方法。

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

Link for Fiddle