2013-06-19 102 views
1

我必須刪除一個帶有空ul標籤的div。刪除一個帶有空ul標籤的div

編輯:ul標籤不是空的,它有一堆空白。

我想用jQuery

做到這一點這是我到目前爲止有:

$('trim(#menu):empty').parent().remove(); 

凡我div的ID是 '菜單'。

例子:

前:

<div id="container> 
    <div id="menu"> 
     <ul>   


     </ul> 
    </div> 
</div> 

後:

<div id="container> 
</div> 

在此先感謝!

斯泰恩

+0

由於有當 「修剪()」 被選擇器? –

+0

':empty'不會選擇包含空白的節點,因爲這被認爲是文本節點。 – Blazemonger

回答

2

我不知道如果我的想法,但是這可能做的伎倆

if ($('#menu li').length == 0) { 
    $('#menu').remove(); 
} 
+0

我編輯了我的問題。 ul不是空的,它包含whitspace。 –

+0

@Stijn Hoste:這應該是一樣的 –

+0

工作!非常感謝你! –

7

試試這個:

if($("#menu ul:not:has(li)")) { 
    $("#menu").parent().remove(); 
} 
+0

這不起作用。雖然它看起來是正確的... 我必須添加document.onload什麼的?談到JavaScript時,我真的是一名初學者。 謝謝 –

+0

是的,你需要:'$(document).ready(function(){// code here});' –

+0

檢查我編輯的帖子..這是最好的方式,但如果它不工作嘗試我的第一次修訂。 –