how to append string to <a href=" with jQuery or Javascript? -

i've elements follows,

<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> 

and want changed follows within browser.

<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> 

so can use "a" data values next page. can 1 give me code, appends inside

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

and wants remove added text onchange event.

thanks in advance

since jquery tagged :

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

vanilla js :

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