包含在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>