UL里面的UL JQuery问题

Question

我有以下 UL 的设置：

<ul class="parent">
   <li>
      <ul class="child">
         <li>
            test
         </li>
     </ul> 
  </li>
</ul>

我正在尝试使用以下代码将 .append() 附加到“父级”：

$('ul.parent li:first-child').before(msg);
$('ul.parent:empty').append(msg);

它可以工作，但是，它将 msg 添加到“父”UL 和“子”UL。我知道这是因为我正在使用第一个孩子（或者无论如何都高度怀疑）。我如何才能访问“父”UL？我环顾四周，似乎找不到答案。

任何帮助将不胜感激

谢谢

Answer 1

添加子组合子 > 以仅匹配直接的 li：

$('ul.parent > li:first-child').before(msg);