$(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>
此方法為找到ul下的li的class名為on的li所在ul的位置。