jquery - 将类添加到 li 并在 jquery 中引用

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');
});

希望有帮助！