How can I select an element with multiple classes in jQuery?

by

If you want to match only elements with both classes (an intersection, like a logical AND), just write the selectors together without spaces in between:

$('.a.b')

The order is not relevant, so you can also swap the classes:

$('.b.a')

So to match a div element that has an ID of a with classes b and c, you would write:

$('div#a.b.c')

(In practice, you most likely don’t need to get that specific, and an ID or class selector by itself is usually enough: $('#a').)

More Related Contents:

  1. Bootstrap 4 Carousel “Half of previous”
  2. Get the value in an input text box
  3. How to fallback to local stylesheet (not script) if CDN fails
  4. jQuery: Get selected element tag name
  5. Increase cursor size in HTML body
  6. Make a perfect circle around a div of variable height
  7. Javascript counting all the characters from a HTML document
  8. Text in my heading should be top not bottom [closed]
  9. CSS indentation not working [closed]
  10. How do I disable the resizable property of a textarea?
  11. Left column and stacked right column using flexbox CSS [duplicate]
  12. Change div order with CSS depending on device-width
  13. Why does the outer here not completely surround the inner ?
  14. What does appending “?v=1” to CSS and JavaScript URLs in link and script tags do?
  15. background: fixed no repeat not working on mobile
  16. How to make a display in a horizontal row
  17. Creating a Zoom Effect on an image on hover using CSS?
  18. avoid page break inside row of table
  19. CSS only solution to set MULTIPLE “same height” row sections on a responsive grid
  20. Same height column bootstrap 3 row responsive
  21. Skewed Borders on a Div
  22. How to change the style of a ‘s label?
  23. Difference between CSS selector and jQuery filter?
  24. Flexbox with fixed header and footer and scrollable content
  25. Prevent a centered layout from shifting its position when scrollbar appears
  26. Can you style ordered list numbers?
  27. Div with horizontal scrolling only
  28. Setting max-height for table cell contents
  29. Best Way to do Columns in HTML/CSS
  30. How can I reorder elements with JavaScript?

Leave a Comment