如何使用jQuery更改锚点的`href`属性

Question

我有一个链接：

<a href="">MyLink</a>

我需要使用jQuery来编辑href属性吗？

Answer 1

易

$('a').attr('href','yourTextHere');

Answer 2

如果要修改显示的锚文本，请使用.text()

$('a').text(function(_, currentText) {
    return 'Here ' + text
});

这会将行改为

<a href="">Here MyLink</a>

---

如果要修改链接的href，请使用.attr()

$('a').attr('href', 'your new value');

您可以像我在.attr()上演示的那样使用.text()（传递函数并访问当前值）

---

参考：.attr()，.text()

Answer 3

是

$("a").attr('href', 'value');

最好在元素上设置ID以专门定位它：

$("a#id").attr('href', 'value');

Answer 4

这应该这样做。

$("#id").attr("href", "Etc");

<强> .attr()

Answer 5

首先在该链接中添加一个类名，如下所示。

<a href="" class="classname">MyLink</a>

然后，

$('.classname').attr('href','insert link here');

Answer 6

如果您想要更改链接的文字，请：

$('a').text('My link text');

如果它是您想要更改的href，那么，如其他人所说：

$('a').attr('href','newURL');

如果您可以使用纯JavaScript：

var a = document.getElementById('aElementID');
    a.innerHTML = 'My Link Text';
    a.href = 'http://new.link.com/path/to/page.html';

请注意，您需要某种方式来唯一标识要定位的特定a元素，使用id（以提供$('#aElementID')）或{{ 1}}（给class，虽然这将返回一个节点列表/元素数组，然后你必须迭代它们。

Answer 7

您可以通过为其指定ID然后通过类名

唯一访问锚标记来附加它

$("a.mylink").attr('href', 'http://google.com');