jQuery hasClass - check for more than one class

Question

With   if element hasClass  class      I can check for one class  but is there an easy way to check whether  element  has any of many classes   I am using   if element hasClass  class      element hasClass  class           Which isn t too bad  but I am thinking of something like   if element hasClass  class    class2     Which unfortunately doesn t work   Is there something like that

User · Answer

You can do this way   if   selector  filter   class1   class2   length          Or logic    if   selector  filter   class1   class2   length          And logic

User · Answer

element is   class1   class2     works  but it s 35  slower than    element hasClass  class1      element hasClass  class2       If you doubt what i say  you can verify on jsperf com   Hope this help someone

User · Answer

jQuery  if    class    class2   some c   gt      element 0  classList  includes c       Vanilla JS  if    class    class2   some c   gt      element classList  includes c

User · Answer

This worked for me       class1 class   class2     append  something

User · Answer

How about this   if  element hasClass  class1 class2

User · Answer

here s an answer that does follow the syntax of    element  hasAnyOfClasses  class1   class2   class3      function           fn hasAnyOfClasses   function            for var i  0  il arguments length  i lt il  i                 if  self hasClass arguments i    return true                    return false           jQuery     it s not the fastest  but its unambiguous and the solution i prefer  bench  http   jsperf com hasclasstest 10

User · Answer

How about   element is   class1   class2

User · Answer

What about this     fn extend        hasClasses  function  selector             var classNamesRegex   new RegExp        selector replace     g     replace    g                              rclass      n t r  g              i   0              l   this length          for     i  lt  l  i                   if   this i  nodeType     1  amp  amp  classNamesRegex test        this i  className        replace rclass                           return true                                  return false              Easy to use    if      selector   hasClasses  class1  class2  class3           Yes It does     And It seems to be faster  http   jsperf com hasclasstest 7

User · Answer

fn extend       hasClasses  function  selectors            var self   this          for  var i in selectors                if    self  hasClass selectors i                     return true                    return false                 element   hasClasses   class1    class2    class3       This should do it  simple and easy

User · Answer

filter   is another option     Reduce the set of matched elements to those that match the selector or   pass the function s test      selector  filter   class1   class2      Filter elements  class1 OR class2    selector  filter   class1 class2       Filter elements  class1 AND class2

User · Answer

What about   if     class class2 class3   length  gt  0

User · Answer

use default js match   function   if  element attr  class       undefined  amp  amp  element attr  class   match  class1 class2 class3 class4 class5         console log  match        to use variables in regexp  use this    var reg   new RegExp variable   g      this  match reg     by the way  this is the fastest way  http   jsperf com hasclass-vs-is-stackoverflow 22

User · Answer

Works for me    if      element   hasClass   class1         element   hasClass  class2           do something here

[jquery] jQuery hasClass() - check for more than one class

Examples related to jquery

Examples related to performance

Examples related to jquery-selectors