如果爲1或更少，則計數並隱藏鏈接。 Jquery

Question

我有一個動態加載鏈接的div設置。

<div class="module"> 
    <a href="#" class="sidelink"> 
    <a href="#" class="sidelink"> 
</div> 

我如何設置此所以，如果自己在這個div 1鏈路或更小，可以隱藏所有的（在這種情況下，1）鏈接。尋找一個簡單的jQuery解決方案/

Answer 1

if ($('.sidelink').length === 1) { 
    $('.module').hide(); 
} 

Answer 2

假設你有很多這樣的部分，你可以這樣做：

$('.module:not(:has("a:nth-of-type(2)"))').hide(); 

Fiddle

• nth-of-type
• not

• has

• .module - 選擇所有模塊元件

• 一個：第n的式（2） - 如果你有更多的是1錨
• 具有2即索引選擇任何錨看到一個has選擇器，它現在結合了2個exprs以選擇具有2個或更多anchor的模塊，但是保留
• a不包含上述2的選擇器確保它選擇不滿足上述條件的模塊。

中序隱藏模塊，嘗試：

$('.module:not(:has(a:gt(0)))').find('a').hide(); 

Fiddle

或只是

$('.module a').filter(function(){ 
    return $(this).siblings('a').length == 0; 
}).hide(); 

Answer 3

toggle()基於一個布爾值會隱藏/顯示，檢查是否有更多的比一個錨會評估爲真或假：

$('.module a').toggle($('.module a').length > 1); 

並關閉錨。