我网站上的每个页面都有多个正文类,我使用 CSS 选择器,如下所示:
如果“扩展”类与该声明中的最终类匹配,我希望能够自动将其添加到左侧导航中的菜单项。
到目前为止,我的理解是我可以使用 className().last(); 将变量设置为主体的最后一个类名;然后只需编写 if 语句来确定菜单项(无序列表项)是否与其匹配并 addClass('expanded');
但是它不起作用。有人可以帮我解决语法问题吗?我对 JavaScript 还是有点陌生。
$(document).ready(function () {
var pageclass=('body').className().last();
if ($('div.nav-menu li').hasClass(pageclass)){
$(this).addClass('current');
}
});
最佳答案
不确定className()
是否是一个真正的方法..试试这个:
var last_class = $('body').attr('class').split(' ').slice(-1);
if ($('div.nav-menu li.arrowed').hasClass(last_class)){
..
}
关于jQuery 使用 Body 类扩展导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7574365/