クリックイベント後にすべてのdivが非表示になっていないか確認してください。

Question

それぞれにリンクがあるdivがあります。リンクをクリックすると、divが非表示になります。すべてのdivが非表示になっているときに別のページにリダイレクトする必要があります。ここで

私のコードです：

<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

あなたは 'すべて' のdiv何を意味するかは明らかではない、このonClick="$(this).parent().parent().parent().hide()"のみONEのdivのために働くようです。
たぶん<a >をクリックしたとき<div>に「隠れた」クラスを追加し、あなたが4 のように、そこにあるどのように多くのdivを知っていればその後で、「すべて」のdivクラスは「隠れた」含まれているかどうかを確認する場合：

$("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

私はこの問題を解決しました。それはちょうどタイプミスでした。私は忘れた "。"私のJavaScriptで：

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

はあなたのすべてをありがとう！