首页 新闻 会员 周边 捐助

在指定的元素下面查找样式,如果有该样式,则获得它的索引

0
[已解决问题] 解决于 2014-04-03 10:27

<ul class="navlist">
<li class="navs_li">首页</li>
<li class="navs_li">Jquery插件</li>
<li class="navs_li on">Jquery学堂</li>
<li class="navs_li">学习资料库</li>
</ul>

 

如上,我想查找第三个LI的索引,求大神指导该怎样写JQ

 

if($('.box_163css ul li').hasClass('on')){
var i=$(this).index();
alert(i);
var a1=160*i;
$(".s_line").animate({left:a1},200);
}

我这样写,为什么索引一直是-1,不管on是在哪个位置,索引值都是-1

路过春秋的主页 路过春秋 | 初学一级 | 园豆:10
提问于:2014-03-30 13:31
< >
分享
最佳答案
0

可能是this的问题,你用console.log(this)看一下this指向的是什么?

奖励园豆:5
dudu | 高人七级 |园豆:30948 | 2014-03-30 13:51

弱弱的问一下,求大神解答。console.log(this)怎么用?

路过春秋 | 园豆:10 (初学一级) | 2014-03-30 14:02

唉,输出来是undefined,可是我明明有class=on呀,奇怪。

路过春秋 | 园豆:10 (初学一级) | 2014-03-30 14:04

@路过春秋: 这里不应该用this

dudu | 园豆:30948 (高人七级) | 2014-03-30 14:19

@dudu: 

if($(".box_163css ul li").hasClass("on")){
var i=$('.navlist .on').index();
var a1=96*i;
$(".s_line").animate({left:a1},200);
}

真是这样的,谢谢了哈。

路过春秋 | 园豆:10 (初学一级) | 2014-03-30 15:24

@路过春秋: 

建议你修改 一下

var $navlist = $(".navlist");

var $liOn = $navlist.find(".on");

if($liOn){

var i = $liOn.index();

var a1 = 96*i;

$(".s_line").animate({left:a1},200);

}

小乔布斯 | 园豆:446 (菜鸟二级) | 2014-03-30 22:23
其他回答(2)
0
1 var index=0;
2 $("ul.navlist li").map(function(e){
3    if($(this).hasClass('on')) index=e;
4 });
ZenTree | 园豆:204 (菜鸟二级) | 2014-03-30 22:56
0

$(".on").index(".navs_li")

con | 园豆:240 (菜鸟二级) | 2014-03-31 11:46
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册