javascript - UL inside 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。我知道这是因为我使用的是第一个 child (或者无论如何都高度怀疑)。我怎样才能访问“父”UL？我环顾四周，似乎找不到答案。

任何帮助将不胜感激

谢谢

Answer 1

添加子组合器 > 以仅匹配直接 li:

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