jquery if empty remove div - Javascript

In this article, we will discuss how to remove a div using jQuery if it's empty.

Solution

We will use the $.trim() function of jQuery to check if the div is empty or not. If it's empty, we will remove the div using the remove() function of jQuery.

$(document).ready(function(){
  if ($.trim($('#mydiv').html())==''){
    $('#mydiv').remove();
  }
})

In the code snippet above, we are first checking if the div with id mydiv is empty or not. To do this we are using the $.trim() function of jQuery which removes any white spaces from the string and then we are checking if its length is zero.

If the div is empty, we are using the remove() function of jQuery to remove it.

Conclusion

In this article, we have learned how to remove a div using jQuery if it's empty. We hope you found this helpful.