javascript - 替换图像文本 jQuery

Question

我正在尝试使用 jQuery 替换图像的纯文本。文本始终位于括号之间，如下所示:{x}然而问题是，我总是想将多个括号内的字母变成图像。所以{1}{w}{w}应该变成<img src="1.png"><img src="w.png"><img src="w.png">

所以 tl;dr:我需要一种方法来扭转这个局面:

<div class="manacost">{1}{w}{w}</div>

进入此:

<div class="manacost"><img src="1.png'><img src="w.png"><img src="w.png"></div>

提前致谢。

Answer 1

使用replace方法:

"{1}{w}{w}".replace(/\{([0-z]+)\}/g, "<img src='$1.png'>");

DEMO

更新:如果您有多个 .manacost 容器，请尝试以下操作:

$('.manacost').html(function (index, text) {
    this.innerHTML = text.replace(/\{([0-z]+)\}/g, "<img src='$1.png'>")
});

DEMO