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

本文关键字：隐藏 li 元素 href 为空 如果 | 更新日期: 2023-09-27 18:04:22

我有:

<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链接。我想隐藏的<li>没有任何href链接添加到他们，使用jQuery，在情况下，我没有任何href链接在他们然后隐藏<ul>。

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

您可以将:not()和:has()分别与has属性选择器和:visible选择器组合使用:

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

try:

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

不应该是:contains，应该是:has，我错了。下面是正确的:

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

。

$(文档)时(函数(){

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

});

试试这个-

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

jsfiddle——http://jsfiddle.net/e49cs/

相关文章：