web-dev-qa-db-fra.com

comment ajouter une chaîne à <a href = "avec jQuery ou Javascript?

J'ai les éléments comme suit,

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

et je veux qu'il soit modifié comme suit dans le navigateur.

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

Pour que je puisse utiliser les valeurs de données "a" à la page suivante. Quelqu'un peut-il me donner le code, qui fait l'ajout à l'intérieur

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

et je souhaite supprimer le texte ajouté avec un autre événement onChange.

Merci d'avance

javascriptjqueryappend
14
user9371102

Puisque jquery est tagué:

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

Vanilla JS ressemblerait à ceci:

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

for(var i=0; i< length; i++){
    a[i].href += '?a=text';
}
30
Karl-André Gagnon

.attr() , comme beaucoup de fonctions jQuery, peut prendre un argument de fonction qui modifie la valeur existante:

$('#pager a').attr('href',function(i,str) {
   return str + '?a=text';
});
13
Blazemonger
$('#pager a').each(function() {
   $(this).attr('href', $(this).attr('href') + '?a=text');
});
6
Barış Uşaklı

Utilisez simplement le attr property. Exemple :-

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

Cela fera l'affaire.

5
Aamir Shah
$("#pager").find("a").each(function(){
var $this=$(this);
$this.attr("href",$this.attr("href")+"?a=text");
})
3
vikrant singh

vous pouvez utiliser la méthode attr

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

Et si vous voulez changer le href d'un <a> Spécifique, donnez-lui '' un identifiant unique et changez son href comme suit

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

Essayez ce code:

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