正文

记录下url拼接的多条件筛选js

IP云
IP云V管理员/1 阅读
10/27
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

本着为提高工作效率百度或者google这些代码发现拿过来的都不好用，然后自己写了个，写的一般但记录下以后再优化

<html>
<head>
<script>
$(function(){
/* bieanju原创多条件筛选 */
$('.filter').click(function(){
var name = $(this).attr('data-name');
var value = $(this).attr('value');
var url = window.location.href;
var jump_url;
/* 无参数正常跳转 */
if(typeof(name) == "undefined" || typeof(value) == "undefined"){
window.location.href = url;
return false;
}
/* 如果当前地址不是以"/"结束追加 */
if((url.charAt(url.length-1) == "/") == false){
url += "/";
}
if(url.indexOf(name) > 0){
var data = url.split('/');
for(i in data){
if(data[i] == name){
data[parseInt(i)+parseInt(1)] = value;
}
}
jump_url = data.join("/");
}else{
jump_url = url+name+"/"+value+"/";
}
window.location.href = jump_url;
return false;
})
})
</script>
</head>
<body>
条件一：<a href="http://www.test.com/catid/1" data-name="catid" value="1"> 企业</a><a data-name="catvalue" value="2" href="http://www.test.com/catid/1" >商城</a>
条件二：<a href="http://www.test.com/price/100-200" data-name="price" value="100-200"> 100-200</a><a data-name="price" value="200-300" href="http://www.test.com/price/1" >200-300</a>
条件三：<a href="http://www.test.com/star/1" data-name="star" value="1"> 一星</a><a data-name="star" value="2" href="http://www.test.com/star/1" >二星</a>
</body>
</html>