Question

82

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

rated 0 times [ 86] [ 4] / answers: 1 / hits: 48652 / 11 Years ago, fri, july 19, 2013, 12:00:00

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

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alessandrol

Add To Favorites

Follow

Total Points: 286

Total Questions: 107

Total Answers: 109

Location: Uzbekistan

Member since Sat, Feb 27, 2021

3 Years ago

answered 11 Years ago ryanulyssesb · Accepted Answer

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

}