使用href元素的值将param添加到url

时间:2016-01-24 19:41:36

标签: jquery

我需要通过点击具有元素值的链接向我的网站网址添加参数。

示例:

<li><a href="Dell">Dell</a></li>
<li><a href="Dell">HP</a></li>

点击链接后,我需要在网址中添加?fss = Dell。第二次单击应仅添加元素中的值:?fss = Dell + HP等每次单击都是如此。然后我需要一个重置点击,删除所有内容 - 但保留任何参数之前?fss =

还有一个场景我已经有了一个参数,看起来像这样:?param = list,然后我需要点击来呈现这个: ?param = list&amp; fss = HP其中的单词&#34; list&#34;可以是一些不同的东西。

我从哪里开始 - 我需要通过Vanilla JS或jQuery来完成它。

编辑:有人发布了这个完美运行的解决方案 - 我只需要为点击删除fss及其后的所有内容添加解决方案。

$(document).ready(function(){
$('a').on('click',function(e){
e.preventDefault();
if(location.href.indexOf('?')===-1) location.href = location.href+"?   fss="+$(this).attr('href');
else location.href = location.href+"+"+$(this).attr('href');
});
});

1 个答案:

答案 0 :(得分:0)

你正在寻找这样的东西吗?

&#13;
&#13;
$(document).ready(function(){
	$('a').on('click',function(e){
		e.preventDefault();
		if($(this).attr('href')!="reset"){
			if(location.href.indexOf('?')===-1) location.href = location.href+"?fss="+$(this).attr('href');
			else location.href = location.href+"+"+$(this).attr('href');
		}
		else location.href = location.origin+location.pathname;
	});
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="Dell">dell</a>
<a href="Hp">hp</a>
<a href="reset">reset</a>
&#13;
&#13;
&#13;