使用jQuery更改页面上的链接

时间:2011-04-17 09:26:51

标签: jquery hyperlink

我需要一个小帮助来替换给定页面中的网址。

我正在使用athis主板,它使用一些外部内容,并附带一些链接,如:

“要了解有关详情,请访问我们的FAQ页面。”

我的问题是,FAQ这个词中有一个链接指向http://www.xyz.com/faqs现在我想用它做两件事:

  1. 我想将该链接更改为http://www.mydomain.com/faqsection

  2. 我想要在新窗口中打开链接。

  3. 更新

    实际代码是这样的:

    <a onclick="window.open(this.href); return false;" title="FAQ" href="/postFAQ">FAQ</a> Page.

    我想将完整的"/postFAQ"部分替换为http://www.mydomain.com/faqsection

    我在我的应用程序中使用jQuery,因此可以使用一些jQuery脚本吗?

3 个答案:

答案 0 :(得分:1)

假设您的FAQ标签是这样的:

<a href="http://www.xyz.com/faqs">FAQ</a>

您可以这样做:

jQuery(document).ready(function(){
  jQuery("a").each(function(e){
    if(jQuery(this).text() == "FAQ"){//Very bad way!!
      jQuery(this).attr({"href":"http://www.mydomain.com/faqsection", 
            "target":"_blank"});
      return;
    }
  });
});

答案 1 :(得分:1)

您可以使用属性选择器:

$('a[href="/postFAQ"]').attr('href', 'http://www.mydomain.com/faqsection');

答案 2 :(得分:0)

1)给你的链接一个id,例如:

<a onclick="window.open(this.href); return false;" title="FAQ" href="/postFAQ" id="faqLink">FAQ</a> Page.

2)在Jquery中执行以下操作:

$("#faqLink").attr({href :"http://newlink.com", target: "_BLANK"});