Question

我网站上的每个页面都有多个使用CSS选择器的正文类，如下所示：＆lt; body class =“category subcategory page”＆gt;

如果它与该声明中的最终类匹配，我希望能够自动将“extended”类添加到左侧nav中的菜单项。

到目前为止，我对它的理解是我可以使用className（）将一个变量设置为正文的最后一个类名.last（）;然后只需编写和if语句来确定菜单项（无序列表项）是否与它匹配并且addClass（'expanded'）;

但它不起作用。有人会善意帮我解释语法吗？我对JavaScript仍然有点新鲜。

$(document).ready(function  () {
    var pageclass=('body').className().last();
    if ($('div.nav-menu li').hasClass(pageclass)){
        $(this).addClass('current');
    }
});

Answer 1

不确定className()是否是真正的方法..试试这个：

var last_class = $('body').attr('class').split(' ').slice(-1);
if ($('div.nav-menu li.arrowed').hasClass(last_class)){
    ..
}

jQuery使用Body类扩展导航

1 个答案: