如何添加到HTML附件,如href =“”

时间:2014-01-16 03:11:27

标签: javascript jquery html dom href

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

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

我如何更改它们?

3 个答案:

答案 0 :(得分:7)

href被称为属性,您可以使用.attr()进行更改

如果你想为所有这些添加相同的前缀,那么

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

演示:Fiddle

答案 1 :(得分:1)

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

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

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

答案 2 :(得分:1)

如果你将相同的字符串附加到特定DIV或其他容器中的所有锚标记的HREF属性的开头(比如它有ID myDiv),那就相对容易了:

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