Skip to content
Add a CSS class to elements that are empty or contain only whitespace.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore
LICENSE
README.md
jquery.empty-or-whitespace.js
package.json

README.md

jquery-plugin-empty-or-whitespace

Add a CSS class to elements that are empty or contain only whitespace.

Usage

Add jquery.empty-or-whitespace.js to you page after jquery. Then select elements you want to detect and call the plugin:

<div>
</div>
<div><div></div></div>
<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="jquery.empty-or-whitespace.js"></script>
<script>
  $("div").emptyOrWhitespace()
</script>

Output:

<div class="empty-or-whitespace">
</div>
<div><div class="empty-or-whitespace"></div></div>

You can specify the CSS class name by passing it as the first parameter to the plugin function call e.g.

$("div").emptyOrWhitespace("empty")
Something went wrong with that request. Please try again.