Check if class is present w/jQuery

Question

Is it possible to check if a certain class is present in an element and if yes, create a variable for my function?

<a href="#" id="clickMe"><span class="A open"></span>link</a>

For example if class open is present I will create a varialbe "close".

$(function ()
{
    $('#clickMe').click(function ()
    {
        // if "open"
        var myVar = 'close';
        // else 
        var myVar = 'open';
    });
});

It's extremely easy to answer this question by looking at the jQuery documentation. Go to api.jquery.com and type 'class' into the search. The answer is the third item in the list. — Rob Cowie
– Rob Cowie, Commented Jun 19, 2011 at 18:22

user578895 · Accepted Answer · 2011-06-19 18:21:11Z

9

yes, hasClass will do it:

var isOpen = $(this).hasClass('open') ? 'close' : 'open';

Note that with your specific example, you'll need something closer to:

var isOpen = $(this).find('span').hasClass('open') ? 'close' : 'open';

since this in your callback will refer to the A and your open class is on the SPAN

jQuery also has a toggleClass method that may or may-not be what you're looking for:

$(this).toggleClass('open');

For reference: jQuery documentation It's usually pretty quick to find what you're looking for.

answered Jun 19, 2011 at 18:21

user578895

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

Collectives™ on Stack Overflow

Check if class is present w/jQuery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related