Question

我在页面上有链接。我希望能够附加链接所需的URL ...例如，这是现有链接的样子：

<a href="/url/urlpage.ext">Click here</a>
<a href="http://www.google.com">Google</a>

我希望能够使用jquery遍历页面上的所有链接并附加到url的开头，如果他们没有http，请添加它...所以结束网址看起来像这样：

<a href="http://www.mysite.com/url/urlpage.ext">Click here</a>
<a href="http://www.google.com">Google</a>

希望这是有道理的。谢谢你们！

Answer 1

你可以这样做：

$("a:not([href^=http])").each(function(){
    $(this).attr('href', 'http://www.mysite.com'+$(this).attr('href'))
});

Answer 2

你可以这样做：

$("a").each(function() {
    //Get the current href
    var href = $(this).attr("href");

    //Check for http in the beginning
    if (href.indexOf("http://") == -1) {

        //Add to it and set it
        href = "http://" + href;
        $(this).attr("href", href);
    }
});

Answer 3

//for every <a>
$('a').each(function() {
    // get existing href
    var href= $(this).attr('href'),
    // start at the beginning, get first 7 chars
    var first7char = href.substr(0, 7);
    // if not http or https
    if(first7char !== 'http://' || 'https://'){
        // insert  http://
    $(this).attr('href', 'http://' + href');
    }
});

将URL添加到现有链接

3 个答案: