Jquery – 使用each（）获取类元素的位置

我需要知道“猫头鹰项目活跃”的位置，我知道目前的位置是2.总共有3张照片。

如何使用Jquery .each（）获取此“owl-item active”的位置？

我有这段代码，但找不到代码的方法告诉我这个“猫头鹰项目活跃”是在2号位置。

 $('.owl-stage .owl-item').each(function( index, currentElement ) { console.log( index+1 ); //console.log( $(currentElement).find('div.owl-item.active') ); }); 

有人能给我一个如何做到这一点的线索吗？

Answer 1

您需要使用hasClass方法：

 $('.owl-stage .owl-item').each(function( index, currentElement ) { if( $( this ).hasClass( 'active' ) ) { console.log( index+1 ); } }); 

但是通过将selector传递给index方法，您可以更轻松地使用它：

 console.log( $('.owl-stage .active').index( '.owl-item' ) + 1 ); 

 $(function() { console.log( '.active index is', $('.owl-stage .active').index( '.owl-item' ) + 1 ); });