jquery - 每次点击时选择下一个 li 标签

Question

作为 jQuery 菜鸟，我遇到了一个问题，但我不知道如何解决它:(我里面有 ul 标签和几个 li 标签。我正在尝试完成这个:在第一次单击按钮时选择第一个 li标签，在第二次单击选择第二个 li标签等等...您可以看到这没有按预期工作(它选择第一个和第二个标签)。有人可以帮助我或指出我正确的方向吗？这是jsFiddle链接:http://jsfiddle.net/aH8w2/谢谢!!!

<script type="text/javascript">
function addCss(){


$('ul li.first').addClass('red');

}

$(document).ready(function(){
$("button").click(function(){    
addCss();
});

$("button").click(function(){    
if($('ul li.first').is('.red'))
$('ul li.first').next('li').addClass('red'); 
});

});

</script>

Answer 1

试试这个:

$("button").click(function(){    

  $('.red').removeClass('red').next('li').addClass('red');

});