ul中的li標簽切換選中狀態樣式和獲取li選項中的值的獲取

html 代碼：

<ul class="J_tabs tab_but cu_li" id="lei">
    <li class="current" value="1">參與用戶</li>
    <li value="2">抽獎</li>
    <li value="3">新老玩家</li>
    <li value="4">點擊數</li>
    <li value="5">幫砍用戶機型</li>
    <li value="6">砍價完成</li>
</ul>

<style>

ul.tab_but li.current {

    position: relative;

    background: #fff;

    border-bottom: 0;

    height: 26px;

    line_height: 27px;

    font-weight: 700;

}

</style>

js代碼引用：

<script type="text/javascript">
$(function(){
    // li CSS選中狀態切換
    $("#lei li").click(function() {
        $(this).siblings('li').removeClass('current');  // 刪除其他兄弟元素的樣式
        $(this).addClass('current');                            // 添加當前元素的樣式
    })
    $("li").click(function(){
        var type=parseInt($(this).val());
        //alert(type);                       // 這里能獲取到當前點擊的li標簽當前的value值
        $.ajax({
            url:'/h5/k/ajax_get_chart',
            type:'post',
            data:{type:type},
            dataType:'json',
            success:function(resp){
                alert(resp.data);
            }
        });
    });
})

</script>