如果子项具有特定类，则使用jquery插入新类

Question

我使用wp_list_pages

在Wordpress中生成了一个菜单

菜单生成如下：

<li class="page_item page-item-11 page_item_has_children">
   <a href="#">News</a>
      <ul class="children">
         <li class="page_item page-item-87 current_page_parent">
            <a href="#">News archive</a>
         </li>
      </ul>
</li>

我只在该部分打开菜单的子级别。我遇到的问题是有些子项不在某些父级中，所以我不能只使用纯css来定位它们。

如果查看上面的代码，列表项的类别为“current_page_parent”（WP会自动生成），我正在使用一些css在display:none上说ul.children。< / p>

如果内部的li具有类“current_page_parent”，如何使用jquery在ul.children上插入新类？

如果有一个更好的方式，我会更开心！

Answer 1

您可以使用.has()

$('ul.children').has('li.current_page_parent').addClass('newclass')

或:has-selector

$('ul.children:has(li.current_page_parent)').addClass('newclass')

演示：Fiddle

Answer 2

为此，您可以在jQuery中使用hasClass()方法

if ($('ul.children li').hasClass("current_page_parent")) {
  $('ul').addClass('your new class');
}