how to append string to <a href=" with jQuery or Javascript?
append, javascript, jquery
Solution
Since jquery is tagged :
$('#pager a').each(function(){
this.href += '?a=text';
})
Vanilla JS would look like this :
var a = document.getElementById('pager').getElementsByTagName('a'),
length = a.length;
for(var i=0; i< length; i++){
a[i].href += '?a=text';
}
Problem
I've the elements as 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 I want it to be changed as 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 that I can use the "a" data values to next page. Can any one give me the code, which does the appends inside `div id="pager"` -> `<a>` -> `href="` and i wants to remove the added text with another onChange event. Thanks in advance