jquery点击给单个li加样式再点击取消样式

$(".test").bind("click",function(e){
    e = e || window.event;
    var tar = e.srcElement || e.target;
    if(tar.nodeName.toLowerCase() == "li" && !$(tar).hasClass('two')){
        $(tar).addClass("two");
        $(tar).siblings().removeClass("two");
    }else{
        $(tar).removeClass("two");
    }
})

<div class="test">
    <ul>
        <li class="one">香蕉</li>
        <li class="one">苹果</li>
        <li class="one">菠萝</li>
        <li class="one">猕猴桃</li>
        <li class="one">芒果</li>
    </ul>
</div>