jQuery clone（）在IE7上模拟阴影效果？（还是更好的主意）？

有人能帮我使用jquery的

clone（）

函数吗

是否有方法复制列表（但仅限于顶级

li

s）并将其附加到自身。我想让它看起来像实际列表的阴影，因为IE7不支持阴影。我确实尝试了一些插件，但没有一个能很好地工作，所以我认为这可能是一个更好的方法

例如。 我想生成以下内容的克隆，但仅限于顶层

 <ul>
   <li>home</li>
   <li>about</li>
   <li>services
     <ul>
        <li>web</li>
        <li>grahpic</li>
     </ul>
   </li>
 <ul>

---

但是它提供了一个巨大的副本。

我不知道它将如何帮助您从中创建阴影。但我可以说为什么你会得到一份拥抱副本

ul-li

选择器将选择

ul

下的所有

li

元素，克隆每个元素并附加到

ul-li

中，后者将再次选择ul下的所有

li

元素

您可以尝试此代码仅克隆顶级项目

$('ul:first > li').clone().each(function(){
    $(this).find('ul').remove(); 
}).appendTo('ul:first');

---

我想先克隆当前列表，然后删除子列表

var clonedList = $('ul').clone()
clonedList.find('li ul').remove();

这将为您提供一个没有任何子列表的新列表，您可以将这些子列表附加到所需的DOM中。我还没有测试过它，所以它可能需要一些调整，但这个想法应该是可行的。

我的解决方案（我没有尝试选择顶级LI，而是使

成为实现效果的必要条件）

HTML CSS

---

谢谢你这么及时的回复。有可能复制顶级名单吗？太棒了！非常感谢：）

$('ul:first > li').clone().each(function(){
    $(this).find('ul').remove(); 
}).appendTo('ul:first');

var clonedList = $('ul').clone()
clonedList.find('li ul').remove();

<ul class="top">
   <li><span>home</span></li>
    <li><span>about</span></li>
    <li><span>services</span>
     <ul>
         <li>web</li>
        <li>grahpic</li>
     </ul>
   </li>
 <ul>

$('ul>li').each(function(i, e){
    var cloned = $(e).find('span').clone();
    $(e).append( cloned.addClass('li-shadow') );
});

ul.top {position: relative;}
li {position: relative;}
li span {position: relative; z-index: 10; display: block; }
.li-shadow { color: rgb(130,130,130); position: absolute; top: 1px; left: 1px; z-index: 5; }