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

Question

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

当单击TEXT 1，TEXT 2，TEXT 3时，我想将link1替换为linkother1 ，将link2替换为linkother1 ，将linkother2 link3为linkother3 。

如何在jQuery JavaScript中做到这一点？ （抱歉，我的英语很不好）

解：

谢谢乔尼（Jony-Y），

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

Answer 1

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

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

Answer 2

当然你可以我的朋友:)

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

一切皆有可能与jquery :)

重复： 更改hyperlin

Answer 3

试试这个代码：

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

请记住，此代码适用于您提供的确切HTML。 如果文档上还有另一个“ a”标签，则必须添加一个ID，一个类或使用遍历才能准确捕获所需的元素。

另外，如果您不想取消click事件，只需删除“ e.preventDefault（）;”行即可。