如何使用Jquery替换DIV中包含的字符并替换为图像？

Question

我想知道是否有一种方法可以替换a中的纯文本,div.number-plate每个角色的图像(逐个)？我正在使用JQuery

非常感谢任何帮助,谢谢

Answer 1

由于@AndyE在这里制定了代码高尔夫手套,你可以使用正则表达式用图像替换所有字符,如下所示:

$("div.number-plate").html(function(i, h) {
    return h.replace(/(.)/g, '<img src="images/char-$1.gif" />');
});

你可以在这里测试一下.

此外,似乎你不想要赎金发票,但我做到了!所以在这里.样本结果:
http://www.joshuarey.com/ransom/w/2.gif http://www.joshuarey.com/ransom/e/3.gif  http://www.joshuarey.com/ransom/h /8.gif http://www.joshuarey.com/ransom/a/13.gif http://www.joshuarey.com/ransom/v/5.gif http://www.joshuarey.com/ransom/ e/15.gif  http://www.joshuarey.com/ransom/y/1.gif http://www.joshuarey.com/ransom/o/8.gif http://www.joshuarey.com/ransom /u/5.gif http://www.joshuarey.com/ransom/r/3.gif http://www.joshuarey.com/ransom/d/4.gif http://www.joshuarey.com/ ransom/o/4.gif http://www.joshuarey.com/ransom/g/2.gif

Answer 2

var div = $("div.number-plate"),
    txt = div.text(),
    pre = '<img src="images/char-',
    suf = '.gif">',
    result = pre + txt.split("").join(suf+pre) + suf;

div.html(result);

样品牌照:

V332LAE

样本结果:

这是一个简短的简单解决方案,如果它们存在于您的文本中,您还需要标点符号的图像.由于你正在使用车牌,这应该不是问题.

感谢@Nick向我介绍http://dummyimage.com,我已经建立了自己的演示:

http://www.jsfiddle.net/aCdLR/