php - 当子项是当前选定的元素时,将类 ="active"添加到父项

标签 php jquery html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

这就是我的 boostrap 菜单中发生的事情。当我单击下拉列表中的任何元素时,子项被选中 (class="active"),但父项未被选中。因此,如果下拉菜单关闭,您将无法在菜单中看到所选页面。

<ul class="nav navbar-nav navbar-right">
  <li class="my-class"><a href="#">Home</a></li>
     <ul role="menu" class=" dropdown-menu">
      <li class="active"><a href="#">Brokerage</a></li>
      <li class="my-other-class"><a href="#">Consulting</a></li>
    </ul>
  </li>
  <li class="my-class"><a href="#">Contact Us</a></li>
</ul>

我正在尝试用它来做,但它不起作用:

$('li').click(function() {
 $(this).parents().addClass('.active');  
});

有什么帮助吗?谢谢。

最佳答案

您不应该将 . 放在传递给 addClass 的类名中。此外,parents() 选择它的所有祖先。如果您只想要直接父级,请使用 parent()(不带“s”)。

 $(this).parent().addClass('active'); 

关于php - 当子项是当前选定的元素时,将类 ="active"添加到父项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22274226/

上一篇:javascript - 如何使用 JavaScript 删除 <div> 元素

下一篇:javascript - 添加 DIV 的内部模态对话框 HTML5

相关文章:

javascript - JQuery 无法找到分配给新附加的 HTML 字符串的 ID

javascript - 根据标签类型获取页面中元素的索引

html - css - 在 ie11 中使用自定义字体时阿拉伯字符错误

php - 无法向数据库插入新行

java - 使用 PHP 与桌面应用程序通信

php - 在 php 中,我们需要在所有文件中包含还是有更好的方法?

javascript - jQuery 窗口滚动关闭后重新打开

c# - 为什么使用 Jquery 动态生成 DropDown 时只填充第一个 DropDown?

html - 通过使用图像源的协议(protocol)相对 URL 来防止安全/不安全错误

java - 有什么方法可以恢复 Netbeans 7.2 书签导航的旧样式?