jquery 控制li點擊換樣式

<ul>
            <li class="filterName"><strong>選擇類型AAA：</strong></li>
            <li><a><span>所有 </span></a></li>
            <li><a id="0"><span>選項AAAAA</span></a></li>
            <li><a><span>選項BBBBB</span></a></li>
        </ul>

 

    $(function(){
       var spans= $("li > a > span").click(function(){
            $(this).addClass("selected"); //設置樣式
            $(this).parent().parent().siblings().children().children().removeClass("selected"); //刪除上個li樣式
        });