Question

我正在尝试提前制作一个菜单，看看是否有双重嵌套。

<ul class="parent">
 <li class="child"></li>
 <li class="child">
  <ul slass="nesting">
   <li></li>
   <li></li>
  </ul>
 </li>
<li class="child"></li>
</ul>

所以ul class =“nesting”默认隐藏但在li class =“child”的悬停期间出现。我想在li class =“child”上进行另一个设计，它有一个嵌套的ul。换句话说，如何通过Javascript / JQuery的方式在悬停之前显示嵌套？

提前进行！

Answer 1

使用jQuery :has() selector：

$("li.child:has(ul.nesting)").addClass("myclass");

英文：

如果li.child有ul.nesting作为后代（子），请将类myclass添加到该li.child元素。

Answer 2

一个简单的解决方案就是：

 var $doubleNesting = $('li.child').find('ul');

然后在当前的li上添加一些css样式，或类似的东西。

如果子<ul>存在，如何将样式添加到父<li>项？</ul> </li>

2 个答案: