jquery获得ul li 下的指定属性值的下标

$(document).ready(function() {var oPic = $('.picScroll').find('ul');
                    var len = $(".picScroll ul li").length;
                    for (var i = 0; i < len; i++) {
                        $('.picScroll ul').each(function() {
                            var classlen = $(this).find('li').eq(i).attr('class');
                            if (classlen == "on") {
                                console.log(i);//i为class名是on的li的位置
                                //oPic.animate({
                                    //left: -i * 162
                                //})
                            }
                        })
                    }
                });

　　　　 <div class="picScroll">
                <ul class="cul hd">
                    <li><a href="#">全部</a></li>
                    <li><a href="#">大型设备</a></li>
                    <li><a href="#">运转设备</a></li>
                    <li><a href="#">支护设备</a></li>
                    <li><a href="#">提升设备</a></li>
                    <li><a href="#">喷浆设备</a></li>
                    <li><a href="#">岩凿设备</a></li>
                    <li><a href="#">通防设备</a></li>
                    <li class="on"><a href="#">111</a></li>
                    <li><a href="#">222</a></li>
                    <li><a href="#">333</a></li>
                    <li><a href="#">444</a></li>
                </ul>
            </div>