<分区>
标签 javascript jquery html css
<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&module=usercp&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&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');
编辑:
只改变包含类的那个
$('.menu-active').closest('li').addClass('myClass');
关于javascript - 如果另一个元素具有此元素,如何将 css 标签放入该元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21563511/