Question

我正在使用UL，LI列表在我的应用程序中创建一些jQuery选项卡。我在模板页面中使用选项卡，有些页面包含选项卡的内容，有些页面没有。在没有内容的页面上，选项卡名称仍然显示，但每个选项卡的内容都将为空。

如果我的第一个孩子是空的，我想删除ul标签。以下是我的代码。基本上，如果div＃tab1为空，我想隐藏ul＃tabs。知道怎么做吗？谢谢。

<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();
}

jQuery - 如果第一个li子元素为空，如何隐藏ul

1 个答案: