Check if a class `active` exist on element with jquery

Question

Check if a class active exist on an li with a class menu

For example

<li class="menu active">something...</li>

possible duplicate of [Determine if an element has a CSS class with jQuery](http://stackoverflow.com/questions/263232/determine-if-an-element-has-a-css-class-with-jquery) — karim79, Aug 02 '11 at 11:58

score 59 · Accepted Answer · answered Aug 02 '11 at 11:54

59

I think you want to use hasClass()

$('li.menu').hasClass('active');

answered Aug 02 '11 at 11:54

Richard Dalton

34,863
6
72
90

score 9 · Answer 2 · answered Aug 02 '11 at 11:54

9

You can retrieve all elements having the 'active' class using the following:

$('.active')

Checking wether or not there are any would, i belief, be with

if($('.active').length > 0)
{
    // code
}

answered Aug 02 '11 at 11:54

Johan

1,517
1
11
17

score 7 · Answer 3 · answered Aug 02 '11 at 11:55

7

You can use the hasClass method, eg.

$('li.menu').hasClass('active') // true|false

Or if you want to select it in one go, you can use:

$('li.menu.active')

answered Aug 02 '11 at 11:55

a'r

34,325
7
64
65

Simon Arnold · Answer 4 · 2020-08-07T16:01:44.960

6

Pure JavaScript answer:

document.querySelector('.menu').classList.contains('active');

Might help someone someday.

edited Aug 07 '20 at 16:01

answered Jun 11 '13 at 16:16

Simon Arnold

15,214
6
63
84

score 6 · Answer 5 · edited May 23 '17 at 10:30

6

$('li.menu.active')

is the simplest way. This will return all elements with both classes.

Or an already answered jQuery hasClass() - check for more than one class

edited May 23 '17 at 10:30

Community

1
1

answered Aug 02 '11 at 11:54

andyb

42,692
12
119
148

Nwachukwu A. Nnaemeka · Answer 6 · 2014-06-12T14:30:23.937

5

    if($('selector').hasClass('active')){ }

i think this will check if the selector hasClass active ...

edited Jun 12 '14 at 14:30

answered Jun 12 '14 at 12:55

Nwachukwu A. Nnaemeka

359
4
12

FYI: While your answer appears plausible, it has appeared in the 'low quality posts' queue after being flagged for deletion. I suspect this is because it is a code only answer without explanation. – Oliver Matthews Jun 12 '14 at 13:20
i have added some explanation – Nwachukwu A. Nnaemeka Jun 12 '14 at 14:31

score 2 · Answer 7 · answered Feb 10 '17 at 12:10

2

$(document).ready(function()
{
  changeColor = $(.active).css("color","any color");
  if($(".classname").hasClass('active')) {
  $(this).eq(changeColor);
  }
});

answered Feb 10 '17 at 12:10

Scott

21
1

1

Welcome to Stack Overflow! Whilst this code snippet is welcome, and may provide some help, it would be [greatly improved if it included an explanation](//meta.stackexchange.com/q/114762) of *how* and *why* this solves the problem. Remember that you are answering the question for readers in the future, not just the person asking now! Please [edit] your answer to add explanation, and give an indication of what limitations and assumptions apply. – Toby Speight Feb 10 '17 at 12:52

score 1 · Answer 8 · answered Aug 02 '11 at 11:54

1

use the hasClass jQuery method

answered Aug 02 '11 at 11:54

sushil bharwani

28,837
30
92
126

score 0 · Answer 9 · answered Mar 18 '14 at 12:37

0

If Condition to check, currently class active or not

$('#next').click(function(){
    if($('p:last').hasClass('active'){
       $('.active').removeClass();
    }else{
       $('.active').addClass();
    }
});

answered Mar 18 '14 at 12:37

Jaykumar Patel

25,525
12
68
75

score -1 · Answer 10 · answered Apr 07 '15 at 04:52

i wrote a helper method to help me go through all my selected elements and remove the active class.

    function removeClassFromElem(classSelect, classToRemove){
      $(classSelect).each(function(){
        var currElem=$(this);
        if(currElem.hasClass(classToRemove)){
          currElem.removeClass(classToRemove);
        }
      });
    }

    //usage
    removeClassFromElem('.someclass', 'active');

Check if a class `active` exist on element with jquery

10 Answers10

If Condition to check, currently class active or not