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

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 示例