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

Question

我正在div用 php 打印几个。divs然后我用jquery检查有多少。当时间码运行时，我box_num_3从DOM. 但是总数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>

编辑：已解决问题，感谢所有回答的人。

$(".box").fadeOut();

//instead

$(".box_num_3").remove();

Answer 1

length在等待元素隐藏后，只需使用具有可见性的选择器即可。// A $( document ).ready() block.$( document ).ready(function() {&nbsp; var total_div_after = 0;&nbsp; &nbsp; $('div.fade').fadeOut(1000, function() {&nbsp; &nbsp; &nbsp; total_div_after = $('div').not(":hidden").length;&nbsp; &nbsp; &nbsp; console.log('After fade:', total_div_after);&nbsp; &nbsp; });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="box">Visible</div><div class="box">Visible</div><div class="box">Visible</div><div class="box fade">(fade)</div>

Answer 2

var container_div = document.getElementById('id_of_container_div');var count = top_level_div.getElementsByTagName('div').length;要计算指定类的所有 div，请执行以下操作：var numItems = $('.item').length;