How to check if element is empty using jQuery?
You can use jQuery is() and :empty Selector together to check whether elements is empty or not before performing some action on that element.
jQuery is() method
jQuery is() method checks if one of the selected elements matches the selectorElement. This method traverses along the DOM elements to find a match, which satisfies the passed parameter. It will return true if there is a match otherwise returns false .
The :empty selector matches every element that has no children. Children can be either element nodes or text (including whitespace).
White space and line breaks are the main issues with using :empty selector . In CSS the :empty pseudo class behaves the same way. So, alternatively you can use the following method to check whether elements is empty or not.
If by empty , you mean with no HTML content and no white space either. If there's a chance that there will be white space, then you can use $.trim() and html() to check whether elements is empty or not.