Question

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

中

逻辑上我在想

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()这只是我糟糕的hack和斜杠做jquery的方法。

Answer 1

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

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

将其替换为

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

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

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

使用.find（）来定位多个类以将当前类存储为变量

1 个答案: