基于查询字符串生成动态超链接

时间:2009-12-26 01:57:40

标签: javascript jquery

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

主题点击礼仪现在:(这里我想要我的超链接)....,....

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(其网址应该是www.google.com/?subcat=subcat1)

2 个答案:

答案 0 :(得分:2)

您可能需要查看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>

答案 1 :(得分:0)

我想说的可能是这样做的方法如下(语法最不可能是正确的)

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

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>

我希望这有帮助