js 点击给li标签添加class

怎么实现点击一次给li后面的一个li增加class

 <ul id="jro_find_ul">
        <li class="find_xuan"><label>1</label>填写账户名</li>
        <li><label>2</label>验证身份</li>
        <li><label>3</label>设置新密码</li>
        <li><label>4</label>完成</li>
        <div class="clearer"></div>
</ul>
<script>
    $(function(){
        $("#my_button").click(function(){
        var j=document.getElementById("jro_find_ul").getElementsByTagName("li").length;
        for(i=0;i<j;i++){
        $(".find_title li").next().addClass("find_xuan");
        }
        })
    })
</script>

这个点击后给所有的li都增加了

把js文件换为这个
$(function(){
$("#my_button").click(function(){
var j=document.getElementById("jro_find_ul").getElementsByTagName("li").length;
var z=$(".find_xuan").length+1
if(z<j)
$(".find_title li:nth-child("+z+")").addClass("find_xuan");
})
})

把js文件换为这个
$(function(){
$("#my_button").click(function(){
var j=document.getElementById("jro_find_ul").getElementsByTagName("li").length;
var z=$(".find_xuan").length+1
if(z<j)
$(".find_title li:nth-child("+z+")").addClass("find_xuan");
})
})

$.next() 是返回被选元素的后一个同级元素，所以$(".find_title li")这个节点选得不对