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

how to replace a href link in text using jquery

本文关键字：HREF 链接 文本 何使用 jQuery 替换      更新时间：2023-09-26

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

当单击文本 1、文本 2、文本 3 时，我想用 linkother1 替换link1，link2用linkother2 、link3 linkother3 替换。

如何在jquery javascript中做到这一点？（对不起，我的英语很差）

溶液：

谢谢乔尼·

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

当然你可以我的朋友:)

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

使用jQuery一切皆有可能：）

复制：更改海蕊素

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

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

试试这段代码：

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

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

此外，如果您不想取消单击事件，只需删除行"e.preventDefault（）;"即可。

相关文章：