2222.png

html結(jié)構(gòu)：

<div class="select-con">
                <dl id="select1" class="searchLabel clearfix">
                    <dt class="bg2">價(jià)格:</dt>
                    <dd class="select-all selected"><a href="javascript:" class="search_search_click " rel="nofollow">不限</a></dd>
                    <dd class=""><a rel="nofollow" href="javascript:" class="preventdefault" title="">2500元以內(nèi)</a></dd>
                    <dd class=""><a rel="nofollow" href="javascript:" class="preventdefault" title="">2500-3000元</a></dd>
                    <dd class=""><a rel="nofollow" href="javascript:" class="preventdefault" title="">3000-5000元</a></dd>
                    <dd class=""><a rel="nofollow" href="javascript:" class="preventdefault" title="">5000-8000元</a></dd>
                    <dd class=""><a rel="nofollow" href="javascript:" class="preventdefault" title="">8000元以上</a></dd>
                </dl>
            </div>
            <div class="select-con">
            <dl id="select2" class="searchLabel">
                <dt class="bg3">品級(jí):</dt>
                <dd class="select-all selected">
                    <a href=" #/zl_/jia_" rel="nofollow">不限</a>
                </dd>
                <dd class="">
                    <a rel="nofollow" id="1" href="javascript:" title="" class="preventdefault">寵物級(jí)</a>
                </dd>
                <dd class="">
                    <a rel="nofollow" id="2" href="javascript:" title="" class="preventdefault">血統(tǒng)級(jí)</a>
                </dd>
                <dd class="">
                    <a rel="nofollow" id="3" href="javascript:" title="" class="preventdefault">賽級(jí)</a>
                </dd>
            </dl>
        </div>
        <div class="select-con">
            <dl id="select3" class="searchLabel">
                <dt class="bg3">月齡:</dt>
                <dd class="select-all selected"><a href="javascript:" rel="nofollow">不限</a></dd>
                <dd class=""><a rel="nofollow" href="javascript:" title="" class="preventdefault">2月齡以內(nèi)</a></dd>
                <dd class=""><a rel="nofollow" href="javascript:" title="" class="preventdefault">2-3月齡</a></dd>
                <dd class=""><a rel="nofollow" href="javascript:" title="" class="preventdefault">3-6月齡</a></dd>
                <dd class=""><a rel="nofollow" href="javascript:" title="" class="preventdefault">6月齡以上</a></dd>
            </dl>
        </div>

jquery代碼： $(this).addClass("selected").siblings().removeClass("selected");

$(function(e) {

       
        // 切換卡(消息、我的訂單)
        jQuery("#select1 dd").bind("click", function(e) {
            $(this).addClass("selected").siblings().removeClass("selected");
            var data_toggle = this.innerText;
            console.log('data_toggle',data_toggle);

        });

        jQuery("#select2 dd").bind("click", function(e) {
            $(this).addClass("selected").siblings().removeClass("selected");
            var data_toggle = this.innerText;
            console.log('data_toggle',data_toggle);
            //$(this).children("a")
            console.log('e', e.target.id);
            let tempLevel = e.target.id;
            level = Number(tempLevel)
            loadDog();
        });

        jQuery("#select3 dd").bind("click", function(e) {
            $(this).addClass("selected").siblings().removeClass("selected");
            var data_toggle = this.innerText;
            console.log('data_toggle',data_toggle);
        });
    })