jQuery 如果 li 里面有一个 ul 子元素，则使它成为第一个显示的列表项

Question

我有一个多级导航菜单。列表项根据其 HTML 层次结构进行组织。我希望 jquery 找到其中有子 ul 的 li 并将该列表项显示为 ul 内的第一项 .list1.

这是示例 HTML:

<ul class="list1">
  <li><a href="#">List item 1</a></li>
  <li><a href="#">List item 2</a></li>
  <li class="slicknav_parent"><a href="#">List item 3</a>
    <ul>
       <li><a href="#">Child Item 1</a></li>
       <li><a href="#">Child Item 2</a></li>
       <li><a href="#">Child Item 3</a></li>
       <li><a href="#">Child Item 4</a></li>
   </ul>
  </li>
  <li><a href="#">List item 4</a></li>
</ul>

在上面我希望列表项 3 成为第一个显示的列表项。如何使用 jQuery 来实现这一点？

Answer 1

$( "ul.list1 li" ).has( "ul" ).prependTo("ul.list1");