Question

我有：

<ul class="webServicesURLS">
            <li><asp:HyperLink ID="restURL" runat="server" Text="REST" /></li>
            <li><asp:HyperLink ID="bboxURL" runat="server" Text="BBox" /></li>
            <li><asp:HyperLink ID="esbURL" runat="server" Text="ESB" /></li>
</ul>

如果此类链接在数据库中可用，则在代码后面添加href链接。我想使用jQuery隐藏没有添加任何href链接的<li>，如果我没有任何href链接，则隐藏<ul>。

Answer 1

尝试：

$("li:not(:contains(a))").hide();

<强>更新我的错误不应该是:contains而是:has。以下是正确的：

$("li:not(:has(a[href]))").hide()

Example

Answer 2

您可以将:not()和:has()分别与has attribute选择器和:visible选择器合并：

$("li:not(:has(a[href]))").hide();
$("ul:not(:has(li:visible))").hide();

Answer 3

$（document）.ready（function（）{

if(!(".webServicesURLS li a").attr("href")){
    $(this).parent().hide();
}

}）;

Answer 4

试试这个 -

$("ul.webServicesURLS li:not(:has(a))").hide();
$("ul.webServicesURLS:not(:has(li))").hide();

jsfiddle - http://jsfiddle.net/e49cs/

如果href为空，则隐藏li元素

4 个答案: