包含在DIV

Question

時替換HTML文本值我有div的：

<div class="message"> 
    <div class="text-message">:D, :(Hello Wolrd!</div> 
</div> 

我想要的結果打印此：

<div class="message"> 
    <div class="text-message"> 
     <div class="smile-happy>":D</div>, 
     <div class="smile-sad">:(</div> 
     Hello Wolrd! 
    </div> 
</div> 

我的javascript：

var smile1 = ':)'; 
var replace = smile1.replace(smile1,'<span class="smile-happy" title="Smile">'+smile1+'</span>'); 
$(".smile-happy:contains(':D')")){ 
    $('.smile-happy').replaceWith(replace); 
} 

我真想只是用一個html代替微笑**ex:** :D :(的價值，每個微笑都有特定的類別！

Answer 1

各種方式都在那裏，只是你可以嘗試這樣的事情

$('div.text-message').html(function(i,v){ 
 
    return v.replace(':D','<div class="smile-happy">:D</div>') 
 
      .replace(':(','<div class="smile-sad">:(</div>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="message"> 
 
    <div class="text-message">:D, :(Hello Wolrd!</div> 
 
</div>