JQuery 用 <img> 替换 中的部分文本答案

【问题标题】：JQuery replace portion of text in with an <img>JQuery 用 <img> 替换 中的部分文本
【发布时间】：2013-09-20 21:16:15
【问题描述】：

我的身体里有这段代码：

<p>
    hello ok hello no
<p>

<p>
    ok hello ok ko 
<p>

我想用<img>标签<img src="ok.png" alt="good word"/>替换每个的文本'ok'

这样可以吗？

注意：我必须将此功能应用于其他可能包含撇号和/或引号的文本

【问题讨论】：

【解决方案1】：

使用each:

$('p').each(function() {
    this.innerHTML = this.innerHTML.replace(/\bok\b/g, '<img src="ok.png" alt="good word"/>')
})

我使用了/\bok\b/，这样token 这样的东西就不会匹配了。 \b 表示“单词边界”。

【讨论】：

【解决方案2】：

我个人建议：

$('p').html(function(i,h){
    return h.replace(/\bok/g,'<img src="ok.png" alt="good word" />');
});

参考资料：

【讨论】：

【解决方案3】：

希望对你有帮助

   var x=$('p').html();
    var n=x.replace("ok","<img src='ok.png' alt='good word'>"); 
    $('p').html(n);

【讨论】：

【解决方案4】：

尝试替换 - jquery

$( "<p>" ).replaceWith( '<img src="ok.png" alt="good word"/>');
$( "</p>" ).replaceWith( "" );

更多信息请阅读 jquery 文档 http://api.jquery.com/replaceWith/

【讨论】：