<div class="container-mob"></div>
Tengo varios divs como este, algunos de ellos están vacíos (no tienen hijos) y todos tienen el mismo nombre de clase. Quiero eliminar los divs vacíos. He intentado:
if ($('.container-mob').is(':empty')) { $('.container-mob').remove(); }¿Hay alguna forma de hacer esto con jQuery o JavaScript?
Prueba este: $('.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>Simplemente puede obtener todos los div vacíos y llamar a la función remove() en la matriz de div vacío
HTML:
<div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block">Data</div> <div class="block"></div> <div class="block">Data</div>JQuery:
$(".block:empty").remove()