Net-informations.com

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.

run this source code Try it Yourself
This Div is not empty

Full Source

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 .

:empty Selector

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.

JavaScript

Using plain JavaScript , you can use the following code to check whether elements is empty or not.










net-informations.com (C) 2019    Founded by raps mk
All Rights Reserved. All other trademarks are property of their respective owners.
SiteMap  | Terms  | About