jQ通過下標改變元素樣式

簡單的方式就是通過類名來改變的

主要就是 點擊后給這元素添加類名來改變的

//css樣式
        .active {
            background: #00c;
            color: #fff;
        }

//事件

    $(document).ready(function () {
        $("div span").click(function () {
        //改變元素樣式
$(this).addClass("active").siblings().removeClass("active")
            //獲取被單擊元素所在集合中下標
            var i = $("div span").index(this)
        })
    })

頁面

    <p>客戶分類</p>
    <div>
        <span>財務</span>
        <span>溝通</span>
        <span>交流</span>
    </div>

效果圖