javascript - 使用 Jquery 将文本替换为笑脸图像

Question

拜托各位，我是 Jquery 新手。自上周以来我一直在寻找合适的帮助，但我找不到。我想使用 jquery 将文本替换为笑脸图像，但我不知道如何运行它。例如，我希望将此文本“我感觉:happy;”替换为“我感觉<img src='happy_face.gif' />”，并将“他是:sick;”替换为“他是<img src='sick.gif' />”。 这是我到目前为止所得到的，但它仍然显示文本而不是图像:

    :)   :(
<script src="js/jscript.js"></script>
<script>
var emotes = [
    [':happy;', 'happy.gif'],
    [':sick;', 'sick.gif']
];

function applyEmotesFormat(body){
    for(var i = 0; i < emotes.length; i++){
        body = body.replace(new RegExp(emotes[i][0], 'gi'), '<img src="emotes/' + emotes[i][1] + '">');
    }
    return body;
}

提前致谢

Answer 1

其实很简单。 只需一行即可查找并替换 HTML 中的字符串实例: $("body").html($("body").html().replace(/:happy;/g,'<div class="happy-face"></div>'));

这组 $("body").html()到$("body").html()与 :happy;替换为 <div class="happy-face"></div> .

/:happy;/g是查找字符串 :happy; 的正则表达式全局 ( g )

https://jsfiddle.net/heowqt1u/2/