试图获取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() {

  var total_div_after = 0;

    $('div.fade').fadeOut(1000, function() {

      total_div_after = $('div').not(":hidden").length;

      console.log('After fade:', total_div_after);

    });

});

<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;