0

我有一个如下所示的 HTML 列表，我试图完全删除其中的所有 li。我正在使用 Jquery 来实现这个效果。但是它没有达到我想要的效果，它实际上并没有从 DOM 中删除 li 它只是将它的显示状态设置为隐藏：

<li style="display: none;"> </li>

jQuery

 var size = parseInt($(".thumbs li").size(),10);
 for( var i=0; i< size; i++) {
    var src = $('.thumbs li:nth-child('+i+')').remove();    
 }

HTML

<ul class="thumbs noscript">
 <li>
  <a class="thumb" name="leaf" href="" title="Title #0">
     <img src="" alt="Title #0"/>
  </a>
  <div class="caption">
     <div class="download">
        <a href="">Download Original</a>
     </div>
     <div class="image-title">Title #0</div>
     <div class="image-desc">Description</div>
  </div>
 </li>
4

1 回答 1

2 
$(".thumbs li").remove();

你不需要那个循环。（但为了澄清起见，您在循环中的问题是您正在删除元素，所以在中途，DOM 中不再存在第 n 个子元素）

于 2013-02-09T01:22:50.553 回答