jquery仿排列顺序,变换颜色更换class
2024-08-27 05:57:30
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");
}
})
最新文章
- 项目导入myeclipse10后jsp报错问题
- mybatis 中${}和#{}区别
- 当匿名类型遇上Distinct
- 71 mac boook pro 无 gpu 下caffe 安装
- MySQL进程常见的State【转】
- iOS 获取当前用户的用户路径并写入文件
- js获取gridview模板列中textbox行列的值
- UliPad 初体验----python 开发利器
- UWP开发入门(十五)——在FlipView中通过手势操作图片
- LightOJ1125 Divisible Group Sums(DP)
- JavaScript document
- HTML5 对于手机页面长按会粘贴复制的禁用 (解决方案)
- lua通过bunlde读注意事项
- go bufio
- 扩展 Windows Azure 运营能力 – 巴西
- nodejs-基础
- 学习python的字符串的方法
- WebService Client Generation Error with JDK8
- mysql 导入大文件
- Oracle EBS AP 供应商API