javascript - JQuery 将 <p> 中的部分文本替换为 <img>

Question

我体内有这段代码:

<p>
    hello ok hello no
<p>

<p>
    ok hello ok ko 
<p>    

我想为每个 <p> 替换<img> 的文本“确定”标签 <img src="ok.png" alt="good word"/>

这有可能吗？

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

Answer 1

使用每个:

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

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

Here's a fiddle .