jak dołączyć ciąg <a href=" with jQuery or Javascript?

Question

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

Answer 1

Ponieważ jquery jest oznaczony tagiem:

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

Vanilla JS będzie wyglądać następująco:

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

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

Answer 2

you can use attr metoda

$('a').attr('href', '/somepath/1?a=text'); 

A jeśli chcesz zmienić href konkretnego <a> podać, że „” unikatowy identyfikator i niż zmienić jego href jak następuje

$('#link').attr('href', '/somepath/1?a=text'); 

Answer 3

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

Answer 4

Wystarczy użyć attr property. Przykład: -

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

To wykona zadanie.

Answer 5

.attr(), jak wiele funkcji jQuery, można przyjąć argumentu funkcja, która modyfikuje istniejącą wartość:

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

Answer 6

Spróbuj kod:

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

Answer 7

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