当包含在DIV中时，用HTML值替换文本

Question

我有迪夫的：

<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>

​