Question

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

在DIV中包含时，将文本替换为HTML值

1 个答案: