javascript - 如果子 <ul> 存在，如何向父 <li> 项添加样式？

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 作为后代( child )，添加类 myclass 到那个 li.child 元素。