使用javascript将类设置为LI元素

时间:2015-10-28 13:40:49

标签: javascript jquery css menu highlight

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

https://jsfiddle.net/dva4zo8t/

根据点击的菜单按钮,颜色会发生变化,我可以记住" (设置)新页面加载的颜色:

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

我也想"记得" (设置)子菜单链接(所以当我点击"添加约会"以及适当的页面加载时,它需要保持这样突出显示:

example

所以我基本上想要的是改变子li的类,就像我使用主按钮一样,例如:

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

任何指针都会非常受欢迎!

1 个答案:

答案 0 :(得分:1)

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

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

Link for Fiddle