jquery仿排列顺序，变换颜色更换class

ps:箭头是字体图标，需要的可以去阿里字体下载，也可自己替换图片

点击之后的

代码部分 

<ul class="Ep_sxxz">
    <span class="eponset">排序顺序：</span>
    <li class="ep_xz">按租金 <i class="iconfont icon-jiantou"></i></li>
    <li>按面积 <i class="iconfont icon-jiantou1"></i></li>
    <li>按时间 <i class="iconfont icon-jiantou1"></i></li>
    <li>按热度 <i class="iconfont icon-jiantou1"></i></li>
</ul>

$(".Ep_sxxz li").click(function(){
    $(this).addClass("ep_xz").siblings().removeClass("ep_xz");
    if($(this).children("i").is('.icon-jiantou')){
        $(this).children("i").removeClass("icon-jiantou").addClass("icon-jiantou1");
    }else if($(this).children("i").is('.icon-jiantou1')){
        $(this).children("i").removeClass("icon-jiantou1").addClass("icon-jiantou");
    }
})

 

转载于:https://www.cnblogs.com/li-sir/p/7359243.html