Add class if HTML tag is empty

Question

I need to add a hidden class in my JS if the span is empty, but if it isnt show the content.

HTML

<div id="uploadControls">              
  <br><span id="uploadsError" class="validErrors smarterr"></span>
</div>

JavaScript

$(document).ready(function () {
    $('#uploadControls').find('span').each(function () {
    if ($(this).is(':empty'))
        $(this).addClass('.hidden');      
});

animuson · Accepted Answer · 2014-01-11 22:04:34Z

3

A simple typo!

$(this).addClass('.hidden'); 
                  ^

The class name string has a .. addClass is not a selector, just the name[s] to be added.

It should be

$(this).addClass('hidden');

and you can just do it with the selector, no each/find is needed.

$("#uploadControls span:empty").addClass("hidden");

edited Jan 11, 2014 at 22:04

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Nov 1, 2013 at 16:58

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add class if HTML tag is empty

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related