Question

jquery按下按钮时为ul中的下一个li添加样式 移除上一个li的样式

代码片段如下
<style>
ul li{ position:absolute;list-style: none; display:none;}
.ss{display:block;}
</style>

<p><button id="btn">next</button></p>
<ul>
<li class="ss">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
移除1中的样式ss 为2添加样式ss 循环到最后

Answer 1

$("#btn").click(function(){
  var len = $("li").length;
  if($(".ss").index()<=len-2){
     console.log($(".ss").index());
     $(".ss").removeClass("ss").next("li").addClass("ss");} 
});