javascript - 从元素数组中查找哪个元素具有特定类的更好方法

Question

假设我有一个像下面这样的列表

  <ul>
     <li id="slide-a" class="slide-li active-slide"><a href="#" >A</a></li>
     <li id="slide-b" class="slide-li"><a href="#" >B</a></li>
     <li id="slide-c" class="slide-li"><a href="#" >C</a></li                        
  </ul>

现在，我想使用 Jquery 找出哪个元素具有 'active-class' 类。一种方法是嵌套 if 语句，如下所示:

if($("#slide-a").hasClass('active-slide'))
{
  active = 'slide-a';
}
else
{
  if($("#slide-b").hasClass('active-slide'))
  {
    active = 'slide-b';
  }
  else
  {
    if($("#slide-c").hasClass('active-slide'))
    {
      active = 'slide-c';
    }
  }
}

我的问题是是否有任何方法可以优化上面的代码。有没有一种通用的方法可以实现这一点，即使我在 ul 中再添加 10 个 li，代码也可以正常工作而无需任何修改。

Answer 1

也许只是

var active = $(".active-slide").attr("id");

Demo