Select elements without any class [duplicate]

by

Use :not() and the attribute not selector [att!=val] to filter out elements with a non-empty class attribute:

$('span:not([class!=""])')

jsFiddle preview

Note however that [att!=val] is a non-standard jQuery selector, which means the selector cannot be used in CSS or with document.querySelectorAll(). If you’re like me, and you’re a stickler for following the standards and so want to eschew non-standard jQuery selectors where possible, the following is a direct equivalent:

$('span:not([class]), span[class=""]')

This matches

  • span elements that have no class attribute, and
  • span elements that do have a class attribute, but only when the attribute value is empty.

In most cases, though, you should be able to get away with just the first portion:

$('span:not([class])')

You’ll usually only find empty class attributes in markup generated by the application that’s responsible for outputting it, or by developers who aren’t paying attention.

More Related Contents:

  1. Set selected option of select box
  2. JQuery data selector not updating with .data
  3. How do I select an element with special characters in the ID?
  4. Can jQuery selectors be used with DOM mutation observers?
  5. Use jQuery to hide a DIV when the user clicks outside of it
  6. Clear form fields with jQuery
  7. How to detect if two divs touch with jquery?
  8. Scroll to bottom of Div on page load (jQuery)
  9. Toggle Checkboxes on/off
  10. How to detect input type=file “change” for the same file?
  11. Selecting elements with a certain background color
  12. JavaScript: Changing src-attribute of a embed-tag
  13. How do I get the entire page’s HTML with jQuery?
  14. jQuery :contains selector to search for multiple strings
  15. Multiple selector chaining in jQuery?
  16. Resizable table columns with jQuery [closed]
  17. How to check if an element does NOT have a specific class?
  18. Get the value of -webkit-transform of an element with jquery
  19. Auto-click button element on page load using jQuery
  20. jQuery get selected option value (not the text, but the attribute ‘value’)
  21. jQuery checkbox event handling
  22. Draggable div without jQuery UI
  23. How to force an HTML form to validate without submitting it via jQuery
  24. Performance of jQuery selector with context
  25. Jquery Multiple load in a DIV
  26. submit disabled fields
  27. JQuery search in static HTML page with highlighting of found word
  28. Selectable optgroup using select2
  29. Html5 drag and drop on svg element
  30. change the href of a css link via jquery

Leave a Comment