Как сделать unwrap() только для первого уровня меню?

Question

[prohardware]

Работаю с такой html-структурой меню:

<ul class="menu">
     <li>
          <ul>
               <li>
                    <ul>
                         <li>menu item 1</li>
                    </ul>
               </li>
          </ul>
     </li>

     <li>
          <ul>
               <li>
                    <ul>
                         <li>menu item 2</li>
                    </ul>
               </li>
          </ul>
     </li>
</ul>

Требуется убрать <li> только первого уровня.
Пробовал по разному, но кажется ближе всего данный быдлокод:

$('ul li li li').children().children().children().unwrap();

Comments

[YemSalat]

Что в итоге должно получиться? По спецификации ul не может содержать никаких других элементов кроме li

Answer 1

[prohardware]

Сам спросил - сам ответил... "stackoverflow по-русски"

jQuery('ul:first > li').children().unwrap();
    jQuery('ul:first ul > ul').children().unwrap();
    jQuery('ul:first > ul').children().unwrap();