How to find the presence of another class in a div/ul using jquery/javascript? [duplicate]

Question

This is how I have my "ul" written. As you can see there are two classes written in for the ul

<ul class="nav-second-level collapse">
</ul>

Now there may be another addition of a class to the same div like below

  <ul class="nav-second-level collapse in">
    </ul>

I need to check whether the class "in" is present in the "ul". How can I do that using jquery/javascript?

What have you tried? A quick Google search produces plenty of results. — George
– George, Commented Aug 21, 2015 at 9:37

Lauromine · Accepted Answer · 2015-08-21 09:41:00Z

1

With jQuery you can use jQElement.hasClass();

Without jQuery, you can use element.className or element.classList.

the first will produce a string like "nav-second-level collapse" and the second will produce an Array of strings ["nav-second-level", "collapse"].

And then, you can check if either the string or the array contains your class, with .indexOf(yourClass)

However, classList is more recent and you should check the compatibility table before using it.

answered Aug 21, 2015 at 9:41

Lauromine

1,48310 silver badges19 bronze badges

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

Comments

Apurva Prajapati · Accepted Answer · 2015-08-21 11:23:42Z

0

just check that class by

    var test = $(ul).hasClass( "in" );

this will return "true".

you can then put if condition

    Ex: if(test == true){}else{}

answered Aug 21, 2015 at 11:23

Apurva Prajapati

525 bronze badges