Check element class by jQuery

Question

How do you check if the class that is assigned to a div? For example, I want to check if a div has a class of header-link then it should alert a message box similar to this:

$('.header a').click(function()
{
    if($(this).classname == 'header-link')
    {
        alert('the element has the class name already');
    }
    else
    {
        $(this).addClass('header-link');
    }
});

The classname I put in there is an example I need to make it check if it has the class assigned or not... (even when jQuery has assigned it dynamically).

I'm curious as to why you're checking if it already has the class? — Nick Craver
– Nick Craver, Commented Sep 27, 2010 at 0:24

Nick Craver · Accepted Answer · 2010-09-27 00:06:47Z

5

The correct check is .hasClass() like this:

$('.header a').click(function() {
  if($(this).hasClass('header-link')) {
    alert('the element has the class name already');
  } else {
    $(this).addClass('header-link');
  }
});

but...do you even need this check? If the element already has the class .addClass() won't add a duplicate, so if that's your worry don't check, just call .addClass('header-link') like this:

$('.header a').click(function() {
  $(this).addClass('header-link');
});

answered Sep 27, 2010 at 0:06

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Comments

macca1 · Accepted Answer · 2010-09-27 00:04:47Z

4

Sounds like you want .hasClass()

$('.header a').click(function()
{
    if($(this).hasClass('header-link'))
    {
        alert('the element has the class name already');
    }
    else
    {
        $(this).addClass('header-link');
    }
});

answered Sep 27, 2010 at 0:04

macca1

9,7319 gold badges35 silver badges42 bronze badges

Comments

lock · Accepted Answer · 2010-09-27 00:04:51Z

1

use the $(this).hasClass('header-link') function It returns true if the element has the class you specify

edit: updated for validity

answered Sep 27, 2010 at 0:04

lock

6,64418 gold badges62 silver badges77 bronze badges

Comments

Chubas · Accepted Answer · 2010-09-27 00:05:07Z

1

$(this).hasClass("header-link")

answered Sep 27, 2010 at 0:05

Chubas

18.1k4 gold badges51 silver badges48 bronze badges

Collectives™ on Stack Overflow

Check element class by jQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related