我们有时候在定制 WORDPRESS 主题的时候,由于菜单样式的要求我们需要给我们的 WordPress 获取到的菜单中的 UL 下的某一个或某几个 LI 添加自定义的类,比如我给客户设置制作的这个主题中,因为 LOGO 在菜单中间显示,所以我需要第四个菜单和第五个菜单的右边和左边流出一定的距离来显示 LOGO,那么这个时候如果我能给第思个菜单和第五个菜单的 LI 分别添加一个自定义类,那么我就可以很方便的用 CSS 来实现这个样式了。
要实现这样一个效果,我们可以通过下面这个很简单的 JS 来实现;
- <script>
- $(".navbar-nav>li").eq(3).addClass("nav-left");
- $(".navbar-nav>li").eq(4).addClass("nav-right");
- </script>
需要注意的是:eq 的参数是从 0 开始的。