2

我在 Wordpress 中使用wp_list_pages

菜单生成如下：

<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 会自动生成），我display:none在ul.children.

ul.children如果 li 中的类“current_page_parent”，我如何使用 jquery 插入一个新类？

或者，如果有更好的方法，我愿意！

4

2 回答 2

3

您可以使用.has()

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

或:has-selector

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

演示：小提琴

于 2013-11-04T10:03:12.257 回答
0

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

if ($('ul.children li').hasClass("current_page_parent")) {
  $('ul').addClass('your new class');
}
于 2013-11-04T10:02:10.683 回答