隱藏li元素如果href是空

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鏈接在碼被加到後面，如果這種鏈路在數據庫中可用。 我想隱藏<li>沒有任何href鏈接添加到他們，使用jQuery，並且如果我沒有任何href鏈接，然後隱藏<ul>。

Answer 1

可以分別與has attribute選擇和:visible選擇，結合:not()和:has()：

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

Answer 2

$（文件）。就緒（函數（）{

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

}）;

Answer 3

嘗試：

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

更新 它不應該是:contains但:has，我的錯誤。以下是正確的：

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

Example。

Answer 4

試試這個 -

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

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