WP主题开发
WordPress教程

给WordPress菜单中UL下的某一个或某几个LI添加自定义类

WordPress日记 2017-05-31 WP主题开发 766 次

我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四个菜单和第五个菜单的右边和左边流出一定的距离来显示LOGO,那么这个时候如果我能给第思个菜单和第五个菜单的LI分别添加一个自定义类,那么我就可以很方便的用CSS来实现这个样式了。

要实现这样一个效果,我们可以通过下面这个很简单的JS来实现;

$(".navbar-nav>li").eq(3).addClass("nav-left");
$(".navbar-nav>li").eq(4).addClass("nav-right");

需要注意的是:eq的参数是从0开始的,另外要记得在代码外面添加JS的标签哦<script></script>

支付宝扫码打赏 微信打赏

发布这篇文章把最后一根烟抽完了,赏根烟抽吧,哈哈

共有 0 条评论