替換jquery中的字符串不起作用

Question

我想用另一個字符串替換字符串，但那不適用於我。我簡要介紹了我試圖用笑臉圖像替換笑臉字符串，但那不起作用。請看看代碼，讓我知道什麼是錯的：

var comment ="Hello all how are you :)"; 
var emo = {'smile': ':)', 'tongue': ':P'}; 

$.each(emo,function(index,value) { 
    if(comment.contains(value)){ 

     var emopiclink = 'http://www.abcdedif.com/emoticon/'+index+'.png'; 
     var emopic = '<img src="'+emopiclink+'" hieght="20px" width="20px">'; 

     comment.replace(value, emopic); 
     console.log(comment); 
     // alert("String Found"); 
    } 
}); 

Answer 1

你需要從replace()方法接受返回值並沒有contains使用indexOf()

var comment = "Hello all how are you :)"; 
 
var emo = { 
 
    'smile': ':)', 
 
    'tongue': ':P' 
 
}; 
 

 
$.each(emo, function(index, value) { 
 
    if (comment.indexOf(value) > -1) { 
 
    var emopiclink = 'http://www.abcdedif.com/emoticon/' + index + '.png'; 
 
    var emopic = '<img src="' + emopiclink + '" hieght="20px" width="20px">'; 
 
    comment = comment.replace(value, emopic); 
 
    console.log(comment); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>