UL внутри 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);

Itработает, однако, он добавляет msg как к «родительскому» UL, так и к «дочернему» UL.Я знаю, что это потому, что я использую первого ребенка (или в любом случае очень подозрительно).Как я могу получить доступ только к «родительскому» UL?Я оглянулся вокруг и просто не могу найти ответ.

Любая помощь будет принята с благодарностью

Спасибо

Answer 1

Добавьте дочерний комбинатор > для сопоставления только непосредственного li:

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