Jquery 仅克隆元素的直接子元素

Question

我试图仅克隆无序列表的第一级，而不克隆除此之外的任何子级。我的 list 如下。

<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