如何使用jquery替换文本中的href链接

时间:2015-03-11 23:31:18

标签: javascript jquery html

示例HTML:

<p><a href='link1' target='_blank'><font color='blue' size='4'>TEXT 1</font></a></p> <br />      
<p><a href='link2' target='_blank'><font color='blue' size='4'>TEXT 2</font></a></p> <br />      
<p><a href='link3' target='_blank'><font color='blue' size='4'>TEXT 3</font></a></p> <br />

当onclick TEXT 1,TEXT 2,TEXT 3然后我想用link1替换linkother1link2替换linkother2link3替换linkother3 1}}。

我怎样才能在jquery javascript中做到这一点? (对不起,我的英语非常糟糕)

SOLUTION:

感谢Jony-Y,

$('a[href="link1"]').attr("href", "linkother1")
$('a[href="link2"]').attr("href", "linkother2")
$('a[href="link3"]').attr("href", "linkother3")

3 个答案:

答案 0 :(得分:0)

使用.attr()方法更改元素的属性。您可以使用接收当前值作为参数的函数,并对其进行处理以返回新值。

$("a").click(function() {
    $(this).attr("href", function(i, oldurl) {
        return oldurl.replace('link', 'linkother');
    });
});

答案 1 :(得分:0)

当然你可以我的朋友:)

$('a[href="link1"]').attr("href", "linkotherone")

jquery可以做到一切:)

重复:change hyperlin

答案 2 :(得分:0)

试试这段代码:

$(function(){
    $("a").click(function(e){
        e.preventDefault();
        $(this).attr("href", "anotherlink");
    });
});

请注意,此代码适用于您提供的确切HTML。如果你有另一个&#34; a&#34;文档上的标签,您必须添加ID,类或使用遍历才能捕获您想要的元素。

此外,如果您不想取消点击事件,只需删除行&#34; e.preventDefault();&#34;。

相关问题