当孩子可见时如何将课程添加到父课程?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当孩子可见时如何将课程添加到父课程?相关的知识,希望对你有一定的参考价值。
我有一个带子菜单的菜单,当子菜单可见时,我想将一个类添加到父列表元素。
<ul class="upper-menu">
<li>Item 1</li>
<li>Item 2</li>
<li class="parent-li">Item 3
<ul class="lower-menu">
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
<li>Item 4</li>
</ul>
基本上,当“下层菜单”可见时,我想在列表元素“parent-li”中添加另一个类。此外,当下层菜单不可见时,我想从“parent-li”中删除该类。这可能在JQuery中吗?
谢谢
答案
您可以通过以下jquery脚本来完成
if($('.lower-menu').is(':visible')){
$(this).parent().addClass("YourClass");
}
另一答案
您可以通过:visible
伪类选择所需的元素,然后将您的类分配给其父级:
$(".lower-menu:visible").closest('.parent-li').addClass("test");
.test {
background-color: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="upper-menu">
<li>Item 1</li>
<li>Item 2</li>
<li class="parent-li">Item 3
<ul class="lower-menu">
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
<li>Item 4</li>
</ul>
以上是关于当孩子可见时如何将课程添加到父课程?的主要内容,如果未能解决你的问题,请参考以下文章
如何将两个集合添加到 Firestore 中的集合 android studio