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

Question

更新:如何找到可能的 4 个类中的 1 个并将该事件类存储到变量中

从逻辑上讲，我在想

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

一次只有一个类会处于事件状态(以为 jquery 会丢弃其余类)，但这不起作用。如何查找多类来测试当前处于事件状态的类并将其存储到变量中以供将来使用。

    <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 的可怕的黑客和斜杠方法。

Answer 1

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

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

替换为

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

这两行将帮助您获得实际的类(class)

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