The advantage of this approach is that the code to execute for each class is arbitrary, like the one in the switch statement; in your example all the cases performed a similar operation, but tomorrow you may need to do different things for each. Not the answer you're looking for? Join two objects with perfect edge-flow at any stage of modelling? How to find the class of clicked element using jQuery ? I prefer this solution more. .has() | jQuery API Documentation Making statements based on opinion; back them up with references or personal experience. In modern browsers, you can just use the contains method of Element.classList : If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey. Since he wants to use switch(), I'm surprised no one has put this forth yet: Here is a little snippet If youre trying to check wether element contains a class, without using jQuery. The jQuery hasClass() method is used to check whether selected elements have specified class name or not. How to check if any element has a class in jQuery? use the .not() method and check for an attribute: Check it here: http://jsfiddle.net/AWb79/. For example, given the HTML above, the following will return true: 1 $ ( "#mydiv" ).hasClass ( "foo" ) As would: 1 $ ( "#mydiv" ).hasClass ( "bar" ) While this would return false: 1 $ ( "#mydiv" ).hasClass ( "quux" ) But the hasClass() seems more readable. It returns a boolean value. The Element.matches() method returns true if the element would be selected by the specified selector string; otherwise, returns false. The other answers are much more robust but this certainly has it's use cases. @daGUY: What do you want to do with the switch statement anyway? The hasClass () method checks if any of the selected elements have a specified class name. The OpenJS Foundation has registered trademarks and uses trademarks. Brackets are not for classes but used for selectors identifying attributes. The jQuery hasClass () method checks whether the specified class name exist in the selected elements. To check if an element in jQuery has class, follow this syntax: $ (selector).hasClass (className); The selector is used to specify the elements to check. Not the answer you're looking for? @EhsanMohammadi Thanks for pointing me to the mistake. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. An existing jQuery object to match the current set of elements against. How can I identify and sort groups of text lines separated by a blank line? jQuery uses a similar (if not the same) method. The second. http://jsperf.com/hasclasstest/7. How to check if element contains a Class using jQuery - Makitweb This article is being improved by another user right now. How to Check if element has class in JavaScript - Makitweb In the TIMTOWTDI vein, here's a horrible solution: In case anyone's wondering: There Is More Than One Way To Do It, But Sometimes Consistency Is Not A Bad Thing Either. We could still use an the elements' id if it has one instead of adding an attribute. Could still implement using the id if it exists instead of an attribute. Why do code answers tend to be given in Python when no language is specified in the prompt? A function used as a test for every element in the set. And trigger it like this (very similar to jQuerys .hasClass() function): This is a little old, but maybe someone will find my solution helpfull: className is just a string so you can use the regular indexOf function to see if the list of classes contains another string. Element: hasAttribute () method The Element.hasAttribute () method returns a Boolean value indicating whether the specified element has the specified attribute or not. How to select all elements that contains some specific CSS property using jQuery ? All rights reserved. from former US Fed. Is there an "exists" function for jQuery? If you're not checking for classList to be undefined, ~(' ' + v.className + ' ').indexOf(' ' + classToFind + ' ') creeps ahead 5-15%. Optimise performance when the need arises. Data Structure & Algorithm Classes (Live), Data Structure & Algorithm-Self Paced(C++/JAVA), Full Stack Development with React & Node JS(Live), Top 100 DSA Interview Questions Topic-wise, Top 20 Interview Questions on Greedy Algorithms, Top 20 Interview Questions on Dynamic Programming, Top 50 Problems on Dynamic Programming (DP), Commonly Asked Data Structure Interview Questions, Top 20 Puzzles Commonly Asked During SDE Interviews, Top 10 System Design Interview Questions and Answers, Indian Economic Development Complete Guide, Business Studies - Paper 2019 Code (66-2-1), GATE CS Original Papers and Official Keys, ISRO CS Original Papers and Official Keys, ISRO CS Syllabus for Scientist/Engineer Exam. jQuery has the following syntax to check if an element has a class assigned to it or not. To circumvent this we can just add a unique uuid attribute (literally just the uuid). Using jQuery to Check if Element Has Class - The Programming Expert Method 2: Using is() method: This is similar to the above method and can be used to check more attributes if needed. Sci fi story where a woman demonstrating a knife with a safety feature cuts herself when the safety is turned off. How to get form data using JavaScript/jQuery? How can I select an element which does not contain a certain child element? [jQuery] Check if an element DOESN'T have a class @DamianNowak if those programmers aren't willing to write what amounts to a trivial amount of more code they probably aren't very expensive ones. How to remove parent element except its child element using jQuery ? My code only works if an element doesn't have multiple classes. jQuery code snippet to check whether a web page element has a specific css class attached. For example, given a somewhat more involved HTML snippet: You can attach a click handler to every