jQuery中

Question

選擇元素在question at this link的延續，我想在test.html中
事件觸發任何< p系列「點擊」 =「」 >標籤添加一些功能。 點擊後，我想那個特定<p>消失（這是相當簡單）但我也希望這樣

1. 如果出了三一或兩個<p>的是隱藏的，則「隱藏「 EM」按鈕應該‘顯示’伴隨着「展示給我看」 但
2. 如果所有<p>是隱藏的則「隱藏「EM」也應該得到隱藏而
3. 當所有<p>都可見時，「顯示em」應該隱藏。

我試着用jQuery選擇器和選擇器文檔的知識去了解事情，但沒有達到我想要的任何地方。這是我迄今爲止所做的。

$('p.*').live('click', function() { 
     $(this).hide('slow'); 
     if($('p').is(':hidden')) { 
      $('.shower').show(); 
     } 
     if($('p.*').is(':hidden')) { 
      $('.hider').show(); 
     } 

    }); 

但是這個代碼不選擇在所有<p>隱藏

Answer 1

這裏有一個辦法做到這一點

var all_ps = $('p.*').length; 
var hidden_ps = 0; 

$('p.*').live('click', function() { 
    $(this).hide('slow'); 
    hidden_ps++; 
    updateButtons(); 
}); 
function updateButtons() 
{ 
    $('.hider').show(); 
    $('.shower').show(); 
    if(hidden_ps == all_ps-1) { 
     $('.hider').hide(); 
    } else if(hidden_ps == 0) { 
     $('.shower').hide(); 
    } 
} 
function resetButtons() 
{ 
    $('p.*').show(); 
    hidden_ps = 0; 
    updateButtons() 
}