JQuery Clone прямые дочерние элементы только

Question

Я пытаюсь клонировать первый уровень неупорядоченного списка только, а не детей за его пределами. Мой список выглядит следующим образом.

<ul class='leftNav'> 
    <li>A</li> 
    <li>D</li> 
    <li>C<ul> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
    </li> 
    <li>D</li> 
</ul> 

Я использую следующие клонировать элементы списка, но это клонировать все:

var leftNav = $(".leftNav").children().clone(); 

Что я хотел бы только это:

<li>A</li> 
<li>D</li> 
<li>C</li> 
<li>D</li> 

Возможно ли это с JQuery?

Answer 1

Вы можете сделать это с:

var leftNav = $('.leftNav > li').clone().find('ul').remove().end() 

jsFiddle example

Answer 2

Вам нужно сначала добавить все ли (там с суб-уль), а затем найти «ул» и удалить его:

var leftNav = $(".leftNav").children().clone(); 
leftNav.find("ul").remove(); 
$(".clone").append(leftNav); 

http://jsfiddle.net/952acm99/1/

Answer 3

var leftNav = $(".leftNav").children().clone().find('*').remove().end(); 

Пример по jsFiddle: https://jsfiddle.net/rcjwv0ez/