时间戳

首页 > 解决方案 > jQuery删除空的div

javascript - jQuery删除空的div

问题描述

<div class="container-mob"></div>

我有多个divs这样的，其中一些是空的（没有孩子）并且它们都有相同的类名。我想删除空的div。我试过了：

if ($('.container-mob').is(':empty')) { 
          $('.container-mob').remove();
        }

有没有办法用 jQuery 或 JavaScript 做到这一点？

屏幕截图 div

标签： javascriptjquery

解决方案

试试这个：$('.container-mob:empty').remove()

console.log('all empty container',$('.container-mob:empty').length);

$('.container-mob:empty').remove();

console.log('after remove all empty container',$('.container-mob:empty').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    
    <div class="container-mob"></div>
    <div class="container-mob"></div>
    <div class="container-mob"></div>
    <div class="container-mob"></div>
    <div class="container-mob">not empty</div>

推荐阅读