How to remove all CSS classes using jQuery JavaScript

Question

Instead of individually calling     item   removeClass   for every single class an element might have  is there a single function which can be called which removes all CSS classes from the given element    Both jQuery and raw JavaScript will work

User · Answer

elm   removeAttr  class      no longer class attr wil be present in  elm

User · Answer

The shortest method      item   removeAttr  class   attr  class

User · Answer

Let s use this example  Maybe you want the user of your website to know a field is valid or it needs attention by changing the background color of the field  If the user hits reset then your code should only reset the fields that have data and not bother to loop through every other field on your page       This jQuery filter will remove the class  highlightCriteria  only for   the input or select fields that have this class     form find  input select   filter function          if    this value   amp  amp     this name                   this id  removeClass  highlightCriteria

User · Answer

I like using native js do this  belive it or not   1      remove all items all class   const items   document querySelectorAll  item    for  let i   0  i  lt  items length  i          items i  className           2      only remove all class of first item const item1   document querySelector  item    item1 className         jQuery ways       item   removeClass        item   removeClass  class1     classn

User · Answer

Just set the className attribute of the real DOM element to     nothing        item   0  className          the real DOM element is at  0    Edit  Other people have said that just calling removeClass works - I tested this with the Google JQuery Playground  http   savedbythegoog appspot com  id ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM     and it works  So you can also do it this way       item   removeClass

User · Answer

Of course       item   0  className          or document getElementById  item   className

User · Answer

Heh  came searching for a similar answer   Then it hit me   Remove Specific Classes      class   removeClass  class      Say if element has class  class another-class

User · Answer

try with removeClass  For instance    x000D   x000D  var nameClass document getElementsByClassName  clase1    x000D  console log  after   nameClass 0    x000D      clase1   removeClass    x000D  var nameClass document getElementsByClassName  clase1    x000D  console log  before   nameClass 0    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div class  clase1  gt I am Div with class  clase1  lt  div gt  x000D   x000D   x000D

User · Answer

I had similar issue  In my case on disabled elements was applied that aspNetDisabled class and all disabled controls had wrong colors  So  I used jquery to remove this class on every element control I wont and everything works and looks great now   This is my code for removing aspNetDisabled class     document  ready function              span   removeClass  aspNetDisabled           select   removeClass  aspNetDisabled           input   removeClass  aspNetDisabled

User · Answer

Since not all versions of jQuery are created equal  you may run into the same issue I did which means calling     item   removeClass    does not actually remove the class   Probably a bug   A more reliable method is to simply use raw JavaScript and remove the class attribute altogether   document getElementById  item   removeAttribute  class

User · Answer

You can just try    document  ready function           body   find   item   removeClass          If you have to access to that element without class name  for example you have to add a new class name  you can do that     document  ready function           body   find   item   removeClass   addClass  class-name          I use that function in my projet to remove and add class in a html builder  Good luck

User · Answer

item   removeClass      Calling removeClass with no parameters will remove all of the item s classes     You can also use  but is not necessarily recommended  the correct way is the one above        item   removeAttr  class        item   attr  class            item   0  className         If you didn t have jQuery  then this would be pretty much your only option   document getElementById  item   className

User · Answer

Hang on  doesn t removeClass   default to removing all classes if nothing specific is specified  So      item   removeClass      will do it on its own

[javascript] How to remove all CSS classes using jQuery/JavaScript?

Examples related to javascript

Examples related to jquery

Examples related to dom