javascript - 用 html 替换文本。jQuery

Question

我正在尝试用 html 标签替换文本。我正在使用这段代码：

  $('p').each(function () {
    $(this).text($(this).text().replace(/(http:\/\/.+?)(\s|$)/g, function(text, link) {
               return '<a href="'+ link +'" target="blank">'+ link +'</a>';
            }).replace(/(www\..+?)(\s|$)/g, function(text, link) {
               return '<a href="http://'+ link +'" target="blank">'+ link +'</a>';
                })
            );  
        });

但问题是它不是用html替换文本，而是用另一个文本。

例如：

          www.google.com 

变为（仍在文本中）：

          <a href="http://www.google.fr" target="blank">www.google.fr</a>

关于如何解决这个问题的任何想法？

Answer 1

$(this).text(...)

您正在设置元素的文本。

要设置 HTML，请调用.html().

Answer 2

使用.html()：

 $('p').each(function () {
    $(this).html($(this).text().replace(/(http:\/\/.+?)(\s|$)/g, function(text, link) {
               return '<a href="'+ link +'" target="blank">'+ link +'</a>';
            }).replace(/(www\..+?)(\s|$)/g, function(text, link) {
               return '<a href="http://'+ link +'" target="blank">'+ link +'</a>';
                })
            );  
        });

工作演示