javascript - 获取并替换包含::在 div 中的文本

Question

我如何使用 jquery 找到::123::，取出 123(作为 id)然后将其更改为具有多行的 div 中的图像。

分区:

<div id="msg">
 <ul>
   <li class="message">hello</li>
   <li class="message">123</li>
   <li class="message">thrid line ::123::</li>
   <li class="message">yes</li>
   <li class="message">sure</li>
   <li class="message">fourth line ::123::</li>
 </ul>
</div>

结果将是:

<div id="msg">
 <ul>
   <li class="message">hello</li>
   <li class="message">123</li>
   <li class="message">thrid line <img src="image?id=123"></li>
   <li class="message">yes</li>
   <li class="message">sure</li>
   <li class="message">fourth line <img src="image?id=123"></li>
 </ul>
</div>

P/S 行中的内容只是示例。

我该怎么做？

Answer 1

试试下面的代码。

$("li.message").each(function()
{
    var newText = $(this).text().replace(/::123::/g, '<img src="image?id=123">');
    $(this).text(newText);
 });