jQuery方法'hasClass'在FF中正常工作，但不在铬中

Question

我正在使用基础框架并使用轨道滑块，我创建了一种获取幻灯片放映的实际显示幻灯片索引的方法。在Firefox中，一切正常，函数返回正确的实际幻灯片索引，但在Chrome中返回'-1'，尽管HTML代码包含了所请求的元素。

// function for getting the actual slide index of a slide show 
function getActualSlideIndex(){ 
    $counter = 0; 
     $('#featured1 > li').each(function(){ 
      console.log($(this)); 
      if ($(this).hasClass('active')){ 
       return $counter; 
      } 
      $counter++; 
     }); 
    return -1; 
} 

Answer 1

它可以简化为

function getActualSlideIndex() { 
    var index = $('#featured1 > li.active').index(); 
    return index == -1 ? -1 : index + 1; 
} 

演示：Fiddle

Answer 2

你return $counter从您传递给each，而不是从外部函数内部回调的回报。你可能希望这样的：

// function for getting the actual slide index of a slide show 
function getActualSlideIndex(){ 
     $counter = 0; 
     $('#featured1 > li').each(function(){ 
      if ($(this).hasClass('active')){ 
       return false; 
      } 
      $counter++; 
     }); 
     return $counter || -1; 
}