Determine if an element has a CSS class with jQuery

by

Use the hasClass method:

jQueryCollection.hasClass(className);

or

$(selector).hasClass(className);

The argument is (obviously) a string representing the class you are checking, and it returns a boolean (so it doesn’t support chaining like most jQuery methods).

Note: If you pass a className argument that contains whitespace, it will be matched literally against the collection’s elements’ className string. So if, for instance, you have an element,

<span class="foo bar" />

then this will return true:

$('span').hasClass('foo bar')

and these will return false:

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')

More Related Contents:

  1. My code dont works but I don't know why [closed]
  2. How to change css of a div with a certain id when hovering over a certain element anywhere in the whole webpage?
  3. Pure JavaScript toggle for select / deselect all checkboxes [duplicate]
  4. Changing a javascript element style
  5. How to hide a in a menu with CSS?
  6. How can I make a div stick to the top of the screen once it’s been scrolled to?
  7. Removing or replacing a stylesheet (a ) with JavaScript/jQuery
  8. How to know if a font (@font-face) has already been loaded?
  9. How do I edit a CSS variable using JS?
  10. Changing nav-bar color after scrolling?
  11. What do curly braces in JavaScript mean?
  12. Remove all classes that begin with a certain string
  13. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. Border Radius for IE8
  16. make html text input field grow as I type?
  17. jQuery Drag/Resize with CSS Transform Scale
  18. Padding or margin value in pixels as integer using jQuery
  19. Creating a select box with a search option
  20. Trees in Twitter Bootstrap [closed]
  21. How can I refresh the screen on browser resize?
  22. Fill available spaces between labels with dots or hyphens
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. Uncaught TypeError: Cannot read property ‘top’ of undefined
  25. iphone/ipad triggering unexpected resize events
  26. Print repeating Page headers in Chrome [closed]
  27. Retain scrollbar position even after reloading using javascript
  28. How to Bootstrap navbar static to fixed on scroll?
  29. How to use pagination on HTML tables?
  30. How can I reorder elements with JavaScript?

Leave a Comment