完全从html中删除li元素

Question

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

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

Answer 1

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

你不需要那个循环。 （但是为了澄清，你在循环中的问题是你要去掉元素，所以在中途，第n个子元素不再存在于DOM中）