如何添加到 HTML 附件中，例如 href=""答案

【问题标题】：How to add onto a HTML attachment like href=""如何添加到 HTML 附件中，例如 href=""
【发布时间】：2014-01-16 11:28:35
【问题描述】：

所以我遇到了一个问题，如何将文本添加到 HTML 附件 href 中。所以，例如：

<a href="/example/script.js">...</a>

我也将如何改变它：

<a href="http://google.com/example/sript.js">...</a>

但是，如果我有多个不同的href：

<a href="/example/sript-1251.js">...</a>
<a href="/example/sript-6346.js">...</a>
<a href="/example/sript-6836.js">...</a>

我将如何全部更改？

【问题讨论】：

你尝试过什么吗？

标签： javascript jquery html dom href

【解决方案1】：

href被称为属性，你可以使用.attr()来改变它

如果你想给它们添加相同的前缀，那么

jQuery(function () {
    $('a').attr('href', function (i, href) {
        return 'http://google.com' + href;
    });
})

演示：Fiddle

【讨论】：

很好的答案！不知道 jQuery attr 可以接收函数！ :)

【解决方案2】：

首先找到你想要改变的所有元素并将它们放入一个数组中（下面，我只是使用所有的锚标签，但你可以做getElementsByClassName 并给它们一个类，以免影响每个锚标签在页面上），然后遍历它们并附加代码。

(function () {
    var anchors = document.getElementsByTagName("a");

    for (var x = 0; x < anchors.length; x++) {
        anchors[x].href = "http://google.com" + anchors[x].href;
    }
})();

【讨论】：

【解决方案3】：

如果您将相同的字符串附加到特定 DIV 或其他容器内的所有锚标记的 HREF 属性的开头（例如它的 ID 为 myDiv），则相对容易：

$('#myDiv a').each(function(){
   $(this).attr('href', 'http://google.com' + $(this).attr('href'));
});

【讨论】：