javascript - 使用 .find() 定位多个类以将当前类存储为变量

Question

更新：如何找到可能的 4 个类中的 1 个并将该活动类存储到变量中

逻辑上我在想

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

一次只有一个类会处于活动状态（认为 jquery 会丢弃其余的类），但这不起作用。如何查找 muli-classes 以测试哪个当前处于活动状态并将其存储到变量中以供将来使用。

    <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>

这不仅限于.find()这只是我做 jquery 的可怕的 hack 和斜线方法。

Answer 1

我不确定我是否理解你的意思，但这一行的语法不正确

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

将其替换为

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

而这 2 行将帮助您获得实际的课程

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