jquery怎么选择当前项的下一项,谢谢啦

 代码及图片如下  比如我选中德国  让德国及下一项美国的border-left为0
    我试过$(this).children().next().css("border-left", "0px solid white");
    不好用,谢谢

    ![图片说明](https://img-ask.csdn.net/upload/201612/12/1481551135_394513.jpg)
    <script type="text/javascript">
    $(function () {
        $(".navli").click(function () {
            $(".navli").css("background", "gray");
            $(this).css("background", "#14bae0");

            $(".navli span").css("border-left", "1px solid white");
            $(this).children().css("border-left", "0px solid white");
        })
    })
</script>


<div class="nav">
    <div class="navli"><span>中国</span></div>
    <div class="navli"><span>德国</span></div>
    <div class="navli"><span>美国</span></div>
    <div class="navli"><span>英国</span></div>
    <div class="navli"><span>法国</span></div>
</div>

用 next()
查找每个段落的下一个同胞元素

$(this).next().children().css("border-left", "0px solid white");//下一个的子元素

 $(this).next().add(this).css("border-left", "0px solid white");