jQuery - 如果第一個li子空了，如何隱藏ul

Question

我正在使用UL，LI列表在我的應用程序中創建一些jQuery選項卡。我正在使用模板頁面中的選項卡，有些頁面包含標籤內容，有些則不包含。在沒有內容的頁面上，標籤名稱仍然顯示，但每個標籤的內容將爲空。

我想刪除ul選項卡，如果我的第一個孩子是空的。以下是我的代碼。基本上，如果div＃tab1爲空，我想隱藏ul＃選項卡。任何想法如何做到這一點？謝謝。

<ul id="tabs"> 
    <li><a href="#" name="#tab1">Tab 1</a></li> 
    <li><a href="#" name="#tab2">Tab 2</a></li>  
</ul> 

<div id="content"> 
    <div id="tab1"> 
     <asp:Literal ID="Literal7" Text='<%# Eval("Overview") %>' runat="server" /> 
    </div> 
    <div id="tab2"> 
     <asp:Literal ID="Literal8" Text='<%# Eval("Agenda") %>' runat="server" /> 
    </div> 
</div> 

Answer 1

這應該這樣做：

if ($.trim($('#content div:first').html()).length == 0) { 
    $('#tabs').hide(); 
}