Как добавить строку в <a href="с jQuery или Javascript?
У меня есть следующие элементы:
<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>
и я хочу, чтобы он был изменен следующим образом в браузере.
<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>
Итак, я могу использовать значения "a" для следующей страницы.
Может ли кто-нибудь дать мне код, который добавляет внутри
div id="pager"
→ <a>
→ href="
и я хочу удалить добавленный текст с другим событием onChange.
Заранее спасибо
Ответы
Ответ 1
Поскольку jquery помечен тегом:
$('#pager a').each(function(){
this.href += '?a=text';
})
Vanilla JS будет выглядеть так:
var a = document.getElementById('pager').getElementsByTagName('a'),
length = a.length;
for(var i=0; i< length; i++){
a[i].href += '?a=text';
}
Ответ 2
.attr()
, как и многие функции jQuery, может принимать аргумент функции, который изменяет существующее значение:
$('#pager a').attr('href',function(i,str) {
return str + '?a=text';
});
Ответ 3
$('#pager a').each(function() {
$(this).attr('href', $(this).attr('href') + '?a=text');
});
Ответ 4
Просто используйте attr property
. Пример: -
$("a").attr("href", "http://www.google.com/")
Это выполнит задание.
Ответ 5
$("#pager").find("a").each(function(){
var $this=$(this);
$this.attr("href",$this.attr("href")+"?a=text");
})
Ответ 6
вы можете использовать attr метод
$('a').attr('href', '/somepath/1?a=text');
И если вы хотите изменить href
конкретного <a>
, приведите '' уникальный идентификатор и измените его href
следующим образом
$('#link').attr('href', '/somepath/1?a=text');
Ответ 7
Попробуйте этот код:
$('#pager a').each(function(){
this.href += '?a=text'
})