Question

UPDATE: how can I find 1 of a possible 4 classes and store that active class into a variable

Logically I was thinking

var current = $('.footerUl').find('.blue .white .pink .green');

Only one of these classes will be active at a time ( thought jquery would toss out the rest) but this doesn’t work. How can look for muli-classes to test which one is currently active and store that into a variable for future use.

    <footer id="footer">
  <nav>
    <ul class="footerUl">
      <li id="worksFooterNavi" class="navi"><a href="#">works</a></li>
      <li id="aboutFooterNavi" class="navi"><a href="#">about</a></li>
      <li class="homeFooterNavi navi currentFooterNav white"><a href="#" title="logo">
        <div class="logo activeFooter">

        </div>
        </a> ​
      </li>
      <li id="contactFooterNavi"  class="navi"><a href="#">contact</a></li>
      <li id="followFooterNavi"  class="navi"><a href="#">follow</a></li>
    </ul>
  </nav>
</footer>
</div>

This isnt limited to only .find() this is just my terrible hack and slash method of doing jquery.

Answer 1

I’m not sure if I understand your point but this line has an incorrect syntax

var current = $('.footerUl').find('.blue .white .pink .green');

replace it by

var current = $('.footerUl').find('.blue, .white, .pink, .green');

And these 2 line will help you to get the actual class

regex = /blue|white|pink|green/;
var cssClass = current.prop('class').match(regex);