去除url中重复的参数

来源：互联网发布：双枪入洞什么感觉知乎编辑：程序博客网时间：2024/05/18 21:08

点击更多，展开隐藏的选项，点击隐藏的选项，隐藏的选项的项数减少一个，展示在页面的选项就多一个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery.min.js"></script>
<style type="text/css">
.still{width:960px;margin:0 auto;}
.still dl{height:40px;line-height:40px;clear:both;}
.still dl dt{float:left;width:110px;}
.still dl dd{float:left;}
.still dl dd a{cursor:pointer;white-space:nowrap;padding:5px;border-radius:2px;color:#777;background:#f2f2f2;}
.still dl dd a.seling{color: #FFF;background: #d12716;}
#filter{display:none;}
</style>
</head>

<body>
<div class="still">
<dl>
<dt id="fix">比赛奖金：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">100万</a></div></dd>
<dd><div><a data="2">1万</a></div></dd>
<dd id="more">更多</dd>
</dl>
<dl>
<dt id="tina">比赛人数：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">多于100人</a></div></dd>
<dd><div><a data="2">少于100人</a></div></dd>
</dl>
</div>
<div class="still" id="add">

</div>
<div id="filter" class="still">
<dl>
<dt id="mode">比赛模式：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">模拟比赛</a></div></dd>
<dd><div><a data="2">真实比赛</a></div></dd>
</dl>
<dl>
<dt id="state">比赛状态：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">报名中</a></div></dd>
<dd><div><a data="2">比赛中</a></div></dd>
<dd><div><a data="3">已结束</a></div></dd>
</dl>
<dl>
<dt id="content">比赛内容：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">股票下</a></div></dd>
<dd><div><a data="2">基金</a></div></dd>
<dd><div><a data="3">股指期货</a></div></dd>
<dd><div><a data="4">商品期货</a></div></dd>
</dl>
<dl>
<dt id="nature">比赛性质：</dt>
<dd><div><a data="0" class="seling">所有</a></div></dd>
<dd><div><a data="1">邀请赛</a></div></dd>
<dd><div><a data="2">公开赛</a></div></dd>
</dl>
</div>
<script type="text/javascript">
var abc = [];
var paraArr = location.search.replace("?","").split("&");
for(var p = 0; p <paraArr.length;p++) {
var parent = $("#"+paraArr[p].substring(0,paraArr[p].indexOf("="))+"").parents("dl");
if(parent.parent().attr("id")=="filter"){
$("#add").append(parent.clone());//展示在页面的选项就多一个
parent.remove();//隐藏的选项的项数减少一个
abc.push(parent);

console.log(abc);
}
}
$(function(){
$("#more").click(function(){
if($(this).text()=='更多'){
$(this).text("收起");
$("#filter").fadeIn();
}else{
$(this).text("更多");
$("#filter").fadeOut();
}
});
$(".still").find("dl").each(function(index, element) {
var id=$(this).find("dt").attr("id");
$(this).find("a").click(function(){
var linsUrl=$(this).attr("data");
GETURL(id,linsUrl);
$(this).parents("dl").children("dd").each(function(){
$(this).children("div").children("a").removeClass("seled");
});
$(this).addClass("seling").parent().parent().siblings().find("a").removeClass("seling");
})
});
});
function GETURL(name,value){
var url = '';
for (var i = 0; i < paraArr.length; i++) {
var paraArrI = paraArr[i].toString();//把逻辑值转换为字符串
var paraName = paraArrI.substring(0, paraArrI.indexOf("="));//返回=号之前的子字符串
if (name == paraName) {//遍历比较url中的参数和传过来的id
paraArr[i] = paraName + "=" + value;//重新赋值url中的那个参数
url = location.pathname + "?";
for (var i = 0; i < paraArr.length; i++) {
if (i != 0) {
url += "&"
}
url += paraArr[i]
}
break
} else {
if (location.search == "") {
url = location.pathname + "?" + name + "=" + value
} else {
url = location.pathname + location.search + "&" + name + "=" + value
}
}
}
location.href = url;
}
</script>
</body>
</html>

js获取url中的值

var url = window.location.search;
var pataString = url.substring(url.indexOf('?') + 1, url.length).split("&");
var arr;
for(var i = 0; i < pataString.length; i ++){
var arr = pataString[i].split("=");
}
console.log(arr[1]);

0 0