如何刪除JQuery中的所有DOM元素？

Question

我想刪除一塊DOM中的所有隱藏元素，但保留某些類下的所有（包含隱藏項）。

這裏有一個（非）working example：

<div id="init"> 
    <input type="hidden" name="x" value="y" /> 
    <ul> 
     <li>Hello</li> 
     <li>Bye</li> 
     <li class="block"> 
      <ol> 
       <li>First</li> 
       <li>Second</li> 
       <li>Third</li> 
      </ol> 
     </li> 
     <li>Test</li> 
    </ul> 
</div> 

CSS：li { "display:none" }

所以，我在尋找，去除除了那些有塊類的所有隱藏的項目選擇或正在類別類別下。在這種情況下，預期的結果是：

<div id="init"> 
    <ul> 
     <li class="block"> 
      <ol> 
       <li>First</li> 
       <li>Second</li> 
       <li>Third</li> 
      </ol> 
     </li> 
    </ul> 
</div> 

我一直在玩：不是運營商，但沒有成功。

Answer 1

你的意思是這樣嗎？

$(':hidden').not('.block, .block *').remove(); 

或者：

$(':hidden:not(.block, .block *)').remove(); 

但$.fn.not()是little more reliable than :not()

Answer 2

實際上，你可以只使用CSS：

li.block, li.block li { display: block } 

Example

---

或者更全面

li.block, li.block>* * { display: block }