0

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

如果我的第一个 li 孩子是空的，我想删除 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>
4

1 回答 1

1

这应该这样做：

if ($.trim($('#content div:first').html()).length == 0) {
    $('#tabs').hide();
}
于 2013-06-11T20:43:29.057 回答