根据查询字符串生成动态超链接答案

【问题标题】：Generate dynamic hyperlink based on querystring根据查询字符串生成动态超链接
【发布时间】：2010-12-30 01:34:02
【问题描述】：

我想根据查询字符串生成超链接。让我解释一下

现在点击主题：（这里我要我的超链接）....,....

1.Cat1

2.Cat2

3.Cat3

当我点击 cat1 时，它会生成查询字符串：?Cat=Cat1

当我点击 cat2 时，它会生成查询字符串 ?Cat=Cat2

所以基于我想创建超链接 text 是查询字符串（值）

并且 url 是 url-（该查询字符串的名称和值）让我们说 cat1

如果当前网址是http://www.google.com/?Cat=Cat1&subcat=subcat1 所以文本应该是 cat1（它的 url 应该是 www.google.com/?subcat=subcat1）

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可能想看看jquery.query plugin。特别是 get 函数，它返回一个可以迭代的标记数组。

这样的事情应该让你开始：

<html>
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.query.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $.each($.query.get(), function(val, prop) {
        $('.menu').append($('<a />').attr('href', $.query.empty().set(val, prop).toString()).text(val));
        $('.menu').append($('<br />'));
    });
});

</script>
</head>
<body>
   <div class="menu">
   </div>
</body>
</html>

【讨论】：

【解决方案2】：

我会说，这样做的方法可能如下（语法最可能不正确）

我相信这是一些常规的字符串操作..

var cat1 = "topic1";
var cat2 = "topic2";
var subcat1 = "subtopic1"; etc
url = "http://google.com/?cat=" + cat1 + "&subcat=" + subcat1
<a href=url/>CAT 1 Link<a>

希望对你有帮助

【讨论】：

感谢 Erika 的回复，但问题是查询字符串不固定。可能是一个查询字符串，两个或三个。我想获取该查询字符串的值并显示它，这很简单，但我希望 url 是当前 url-（单击的查询字符串）