Question

我正在制作菜单，我上课了

这是我的HTML

           <ul class="dropdown-menu">
       <li>
             <a href="http://localhost/final/?page_id=53">Comber Noil</a>
           </li>
           <li>
         <a href="http://localhost/final/?page_id=41" class="nav-active">Social</a>
           </li>
      </ul>

这是我的jquery

           $(document).ready(function() {
          $('a.nav-active').parent().addClass('myclass');    
           });

Answer 1

您的JavaScript看起来是正确的（假设您正在等待DOM就绪事件），但您的标记已损坏。您需要在<li>链接之前打开.nav-active代码：

<ul class="dropdown-menu">
    <li>
        <a href="http://localhost/final/?page_id=53">Comber Noil</a>
    </li>
    <li>
        <a href="http://localhost/final/?page_id=41" class="nav-active">Social</a>
    </li>
</ul>

编辑：根据下面的一些评论，看起来你想要的是......

当用户点击.dropdown-menu中的链接时，您希望爬回到下拉列表的根目录并向嵌套的nav-active元素添加a类在li 里面？

假设是这样，JavaScript就是这样做的：

$('.dropdown-menu > li > a').click(function(e) {
    e.preventDefault();
    $(this).closest('.dropdown').children('a').addClass('nav-active');
});

希望有所帮助！

在jquery中使用引用将类添加到li

1 个答案: