额外的课程' a' Wordpress菜单中的元素(没有jQuery)

时间:2014-12-18 22:34:31

标签: html css wordpress

是否可以在' a'中添加课程?在wp菜单中的元素?它的Bootstrap - 尝试禁用下拉菜单并使父菜单链接可单击。向元素添加自定义css适用于' li'我不能因为一个插件而使用jquery。

<ul class="nav navbar-nav">
 <li id="menu-item-X" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-X">
  <a href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">
   About
    </a>
    </li>

所以我需要改变class =&#34; dropdown-toggle&#34; to class =&#34; dropdown-toggle disabled&#34;但所有的&#39; li&#39;和&#39; a&#39;生成的元素,我无法弄清楚如何影响

1 个答案:

答案 0 :(得分:0)

您可以使用普通的javascript解决此问题,如下所示:

var nav = document.getElementsByClassName('navbar-nav');
var a = nav[0].getElementsByTagName('a');

for (var i = 0; i < a.length; i++ ) {
a[i].className = 'dropdown-toggle disabled';
}

DEMO