javascript - 如果另一个元素具有此元素,如何将 css 标签放入该元素中

标签 javascript jquery html css

<分区>


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

关闭 9 年前

<div id="user_navigation" class="logged_in right">
   <ul class="ipsList_inline">
      <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="http://localhost/joridesign/index.php?app=core&amp;module=usercp&amp;area=notificationlog" title="Notifications" class="ipbmenu menu-active"><i class="fa fa-bell fa-2x"></i></a>
       </li>
       <li><a data-clicklaunch="getInboxList" id="inbox_link" href="http://localhost/joridesign/index.php?app=members&amp;module=messaging" title="Messenger"><i class="fa fa-envelope fa-2x"></i></a>
       </li>                   
    </ul>
 </div>

好的,我有这个结构。 如果 ul 中的两个 li 中的任何一个具有 menu-active#user_navigation .ipsList_inline,我正在尝试做什么li {} 将有一个新类,它是 background: #fff; 我知道 jquery 是有原因的,但我想问还有其他方法吗?如果不能,你能通过 jquery 显示给我看吗?

最佳答案

最简单的方法是只定位任何包含该类的 LI,获取它和同级 LI,然后添加一个类(或示例中的 css(),任何东西)

$('li:has(.menu-active)').siblings('li').addBack().css('background', '#fff');

FIDDLE

编辑:

只改变包含类的那个

$('.menu-active').closest('li').addClass('myClass');

FIDDLE

关于javascript - 如果另一个元素具有此元素,如何将 css 标签放入该元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21563511/

上一篇:HTML 表格宽度差异

下一篇:html - 如何在任何图标和文本上方显示我的上层菜单?

相关文章:

javascript - 如何在 Node.JS 上与浏览器交互

javascript - 根据屏幕定位文本

html - 固定位置 div 内的 CSS 垂直对齐

html - Excel VBA 使用虚拟键盘自动登录网页

javascript - 这两个函数表达式有什么区别?

javascript - AngularJS 按选项/选择过滤

javascript - 使用 Javascript/jQuery 确定标题在何处中断到下一行?

javascript - 如何在 jQuery 中自动生成输入数组索引?

c# - 使用 Jquery 禁用 ASPX 页面上的后台或所有控件

javascript - 在 HTML 可排序表中动态隐藏/显示行数据