使用 javascript 将 class 设置为 LI 元素

Question

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

根据单击哪个菜单按钮，颜色会发生变化，我可以 "remember"（设置）新页面加载时的颜色：

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

我还想 "remember"（设置）子菜单 link（所以当我单击 "Add Appointment" 并加载相应的页面时，它需要像这样保持突出显示：

所以我基本上想要的是像更改主按钮一样更改子 li 的 class，例如：

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

非常欢迎任何指点！

Answer 1

我试着回答你的问题。我创建了 fiddle。我在您的代码中添加了以下方法。

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

Link for Fiddle

使用 javascript 将 class 设置为 LI 元素

Using javascript to set a class to a LI element

javascript

css

jquery

menu

highlight