Javascript 试图获取html文档jquery中的div总数

我正在用php打印几个div。然后我用jquery检查有多少个div。当时间代码运行时，我从DOM中删除box_num_3。但总的div数仍然是5。我认为这是因为背景中的DOM没有更新。我如何解决这个问题

<?php
 for($i=0; $i<5; $i++){
  echo '<div class="box box_num_'.$i.'">Div</div>';
 }
?>


<script>
 var interval = setInterval(function(){
    var box_nums = $(".box").length;
    console.log("total box->"+box_nums);
 }, 1000);
</script>


<script>
    //TIME CODE
    var timer = 5;
    var cd_timer = setInterval(function(){
        timer-=1;
        console.log(timer);
        if(timer==0){
            clearInterval(cd_timer);
            $(".box_num_3").fadeOut(1000);
        }
    },1000);
</script>

在等待元素隐藏后，使用具有可见性的选择器简单地使用长度

//$document.ready块。 $document.readyfunction{ var total\u div\u after=0； $'div.fade'.fadeOut1000，函数{ total_div_after=$'div'.not:hidden.length； console.log'After fade:'，total\u div\u After； }; }; 看得见的 看得见的 看得见的 褪色 要计算指定类的所有div，请执行以下操作：

var numItems = $('.item').length;

---

不从DOM中删除元素。我应该使用什么来代替。淡出解决方案如下：我从DOM中删除box_num_3->@exp您可以使用e.fadeutn，然后使用e.remove，然后使用$div。size@Andreas谢谢你解决了我的问题。试试看，这段代码显示了未隐藏的元素的数量。

var container_div = document.getElementById('id_of_container_div');
var count = top_level_div.getElementsByTagName('div').length;

var numItems = $('.item').length;