如何使用jQuery或Javascript将字符串附加到<a href ="？

Question

我的元素如下,

<div id="pager">
<a href="/somepath/1">First</a>
<a href="/somepath/1">Previous</a>
<a class="" href="/somepath/1">1</a>
<a class="Current" href="/somepath/2">2</a>
<a class="" href="/somepath/3">3</a>
<a href="/somepath/3">Next</a>
<a href="/somepath/20">Last</a>
</div>

我希望它在浏览器中更改如下.

<div id="pager">
<a href="/somepath/1?a=text">First</a>
<a href="/somepath/1?a=text">Previous</a>
<a class="" href="/somepath/1?a=text">1</a>
<a class="Current" href="/somepath/2?a=text">2</a>
<a class="" href="/somepath/3?a=text">3</a>
<a href="/somepath/3?a=text">Next</a>
<a href="/somepath/20?a=text">Last</a>
</div>

这样我就可以将"a"数据值用于下一页.任何人都可以给我代码,它会附加到内部

div id="pager"- > <a>- >href="

我想用另一个onChange事件删除添加的文本.

提前致谢

Answer 1

由于jquery被标记:

$('#pager a').each(function(){
     this.href += '?a=text';
})

Vanilla JS看起来像这样:

var a = document.getElementById('pager').getElementsByTagName('a'),
    length = a.length;

for(var i=0; i< length; i++){
    a[i].href += '?a=text';
}

Answer 2

.attr()和许多jQuery函数一样,可以使用一个修改现有值的函数参数:

$('#pager a').attr('href',function(i,str) {
   return str + '?a=text';
});

Answer 3

$('#pager a').each(function() {
   $(this).attr('href', $(this).attr('href') + '?a=text');
});

Answer 4

只需使用attr property.示例: -

$("a").attr("href", "http://www.google.com/")

这将完成这项工作.