Überprüfen Sie, ob alle divs nach Click-Ereignis

Question

ausgeblendet sind Ich habe Divs mit einem Link in jedem. Nach dem Klicken auf den Link wird das div ausgeblendet. Ich möchte eine Umleitung zu einer anderen Seite vornehmen, wenn alle divs ausgeblendet sind.

Hier ist mein Code:

<div class="checkhide"> 
 
    <div> 
 
     <div> 
 
      <a href="#" class="btn" onClick="$(this).parent().parent().parent().hide()" role="button"> 
 
       <span class="glyphicon glyphicon-remove"> 
 
       </span> 
 
      </a> 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

nicht klar, was Sie meinen 'alle' div, es scheint diese onClick="$(this).parent().parent().parent().hide()" nur für ONE div arbeitet. wenn Klasse hinzufügen ‚versteckt‘ zu <div>
Vielleicht, wenn <a > klicken, und wenn Sie wissen, wie viele div gibt es, wie 4. Dann überprüfen, ob ‚alle‘ div class enthalten ‚versteckt‘, von:

$("a").on('click', function(){ 
// here should be some div you want to hide 
    $(".checkhide").addClass("hidden"); 
}) 

var hidden_div_number = $("div").find("[class*='hidden']").length; 
if (hidden_div_number==4){ 
// do something; 
} 

Answer 2

Ich löste das Problem. Das war nur ein Tippfehler. Ich habe das "." in meinem javascript:

\t 
 
$(function() { if ($(".checkhide:visible").length === 0) alert('all are hidden'); });

Vielen Dank!