jQuery 使用 Body 类扩展导航

标签 jquery css

我网站上的每个页面都有多个正文类,我使用 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/

相关文章:

javascript - 如何防止 Bootstrap 轮播在单击右/左控件后恢复幻灯片动画

css - 修复了带有绝对定位的 Font Awesome 图标的 div

css - 3d元素在css中的定位

jquery - 创建折叠的左侧导航样式列

css - 将复选框与标签内联

jquery - 使用 jQuery 定位在 Meteor 中渲染的元素

javascript - 在 Javascript 中使用 POST 上传 zip 文件失败且无提示

javascript - 用于输入 val 的 jQuery 对话框脚本

jquery - 在 jquery mobile 中添加动态内容时的正确格式

javascript - 使用 javascript 隐藏和显示文本