创建方法 getAttrValue() 方法,每次的 .click 都要调用 function getAttrValue(){}
例如,把选中的值给到属性 data-value 。只需要每次点击,获取 li.active 的子集 a 的 .attr("data-value")即可
eg: var pubTime = $(getArr[0]).find("li.active").children().attr("data-value");
pubTime 就是第一个搜索项的值
排序方式分为三种状态:
CSS :
JS :默认第一个排序降序被选中。切换排序方式,默认展示降序。排序方式互斥
// 第一行: li a.asc--展示灰色图标
// 第二行: 第一次点击 li 时, li.active a.desc,展示向下的蓝色图标,并且清除 siblings .active ;同时,其他的排序方式默认 asc ;
// getAttrValue()---每次选中就走一次输出
$(".search-sort li a").addClass("asc");
$(".search-sort li").each(function(){
$(this).click(function(){
$(this).addClass("active");
$(this).children("a").addClass("desc").toggleClass("asc");
$(this).siblings().removeClass("active");
$(this).siblings().children().removeClass("desc").addClass("asc");
getAttrValue();
})
});
// 默认第一个时间降序被选中
$($(".search-sort").children()[0]).addClass("active")
$($(".search-sort").children()[0]).children().addClass("desc").removeClass("asc");
li.active a[class=" desc / asc "]
/*
* sortArr // 排序方式 给出一个数组
* 根据 index 脚标找 sortArr 对应的值
* */
var sortArr = ["sortTime","sortTotalComment","sortIncreaseComment"]; //三种排序方式
var sortIndex = $(getArr[getLen-1]).find("li.active").index(); // 当前那个按钮被选中,返回脚标
var sortLast = $(getArr[getLen-1]).find("li.active").children().attr("class"); //返回被选中按钮的 class name
var sortLastString = sortLast.substring(11); // substring(11) 截取从11到最后的字符串 == desc / desc asc
var dataValue = sortArr[sortIndex].concat(sortLastString); // .concat() 生成新的字符串
dataValue 就是排序方式的值
参与评论
手机查看
返回顶部