如何使用jQuery将查询字符串参数添加到超链接URL中

Question

我有一个完全可用的jQuery代码来选择与指定域名匹配的URL:

jQuery( document ).ready( function( $ ) {
    $('a').each(function() {

        var href = $(this).attr('href');


        if(this.hostname && this.hostname == 'example.com') 
        {                   
            $(this)
                .removeAttr('target')
                .attr('rel', 'nofollow')                
                .attr('title', href)
       }
    });
});

正如您所看到的，它将删除目标属性，添加rel nofollow并将标题设置为URL值。现在我遇到了一个问题，如何修改上面的代码以添加另一个功能来将查询字符串附加到URL值（href值）。假设我想附加以下查询字符串参数/值：

argument1='test1'
argument2='test2'

最终的URL将会是这样：

http://example.com/?argument1=test1&argument2=test2

或者是示例域名的任何页面，例如：

http://example.com/any_page/?argument1=test1&argument2=test2

有没有一种不使用jQuery插件的简单方法来完成这个操作？

- Emerson Maningo

---

在脚本中添加nofollow并不能真正实现你想要的效果。Google等搜索引擎会运行一些JS，但不多，你的nofollow可能不会被遵守。最好还是在服务器端完成这项工作。 - issa marie tseng

谢谢 Clint，好的我明白了。但是你有什么想法如何将查询字符串参数添加到所选超链接的URL中吗？ - Emerson Maningo

Answer 1

查看对象和数组使用jQuery.param()

或者使用.serialize()来处理表单数据

示例：http://jsfiddle.net/DqXYn/

- Samuel Liew