Question

我在OnePage网站上有一个菜单。在滚动时，.active类会移动到焦点所在的listitem。或者通过单击菜单项，页面滚动到其部分。现在我想让活动列表项的索引做一些事情。

var index = $("#navigation>li.active").index();

或检查特殊列表项是否有效

if ($('.listitem1').hasClass('active')) {
   $('.content').on('click', function() { 
      alert("do it"); 
      return false;       
   });
};

两者都不起作用。为什么呢？

Answer 1

试试这个基本的例子

$('li').on('click', function(){
 if($(this).hasClass('active')) {
   $('span').text($(this).index());
  } else {
  alert('no active class found');
  }
});

li:hover {
cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>The clicked element with an active class's index is: <span></span></p>
<ul>
<li>first</li>
<li class="active">second - with .active</li>
<li>third</li>
</ul>

在jquery中获取带有动态类的li的索引

1 个答案: