How can I get the current class of a div with jQuery

Question

Using jQuery  how can I get the current class of a div called div1

User · Answer

var className    selector   attr  class      or   var className   this  attr  class      the classname of the current element

User · Answer

Just get the class attribute   var div1Class       div1   attr  class      Example   lt div id  div1  class  accordion accordion active  gt    To check the above div for classes contained in it  var a      div1   attr  class     console log a     console output  accordion accordion active

User · Answer

div1   attr  class

User · Answer

The addClass method in jQuery has a currentClass built in property  You can use it inside a function call  Like so   lt div gt First div lt  div gt   lt div class  quot red quot  gt Second div lt  div gt   lt div gt Third div lt  div gt   lt div gt Fourth div lt  div gt    lt script gt       quot div quot   addClass function index  currentClass        var addedClass      if   currentClass      quot red quot            addedClass    quot green quot         return addedClass         lt  script gt

User · Answer

try this       div1   attr  class

User · Answer

var classname     div1   attr  class

User · Answer

div1   attr  class     will return a string of the classes  Turn it into an array of class names  var classNames       div1   attr  class   split

User · Answer

lt div  id  my id  class  my class  gt  lt  div gt    if that is the first div then address it like so   document write  div CSS class      document getElementsByTagName  div   0  className     alternatively do this   document write  alternative way      document getElementById  my id   className     It yields the following results   div CSS class  my class alternative way  my class

User · Answer

Simply by  var divClass       div1   attr  class     You can do some other stuff to manipulate element s class      div1   addClass  foo       add class  foo  to div1     div1   removeClass  foo       remove class  foo  from div1     div1   toggleClass  foo       toggle class  foo

User · Answer

if you want to look for a div that has more than 1 class try this   Html    lt div class  class1 class2 class3  id  myDiv  gt    Jquery   var check        myDiv    hasClass   class2    toString      ouput   true

User · Answer

From now on is better to use the  prop   function instead of the  attr   one   Here the jQuery documentation      As of jQuery 1 6  the  attr   method returns undefined for attributes   that have not been set  In addition   attr   should not be used on   plain objects  arrays  the window  or the document  To retrieve and   change DOM properties  use the  prop   method    var div1Class       div1   prop  class

[jquery] How can I get the current class of a div with jQuery?

Examples related to jquery