时间戳

首页 > 解决方案 > 检查 div 是否为空的问题仅在开始时有效

jquery - 检查 div 是否为空的问题仅在开始时有效

问题描述

我在尝试检查pindiv是否为空时遇到了问题。用户点击它们会删除这些跨度，我想在它们全部消失时发出警报。我在下面尝试了这个 Jquery 脚本，但它只在我加载页面时才开始工作。

html
<div class="skladniki">
<p>
<span> example </span>
<span> example </span>
<span> example </span>
<span> example </span>
 </p>
</div>

jQuery：

 <script>
       $(document).ready(function () {

              if ($('.skladniki').is(':empty')){
  console.log("elo");
}
       });
       </script>

标签： jquery

解决方案

删除时应显示该消息。这是一个示例，我只是检查跨度的长度，而不是检查段落是否为空。

$(document).ready(function() {
  $(".skladniki span").on("click", function() {
    $(this).remove();
    if($(".skladniki span").length == 0){
       console.log("empty!");
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="skladniki">
  <p>
    <span> example </span>
    <span> example </span>
    <span> example </span>
    <span> example </span>
  </p>
</div>

推荐阅读