UL inside UL JQuery问题

Question

我有以下UL的设置：

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

我尝试使用以下代码将.append()仅用于"parent“：

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

它是有效的，但是它将msg添加到“父”UL和“子”UL。我知道这是因为我使用的是第一个孩子(或者说高度怀疑)。如何才能访问"parent“UL？我环顾四周，似乎找不到答案。

任何帮助都将不胜感激

谢谢

Answer 1

添加子组合器>，以便只匹配直接的li

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