jquery - 通过 jQuery 将字符串标记转换为 HTML 元素

Question

我从 wordpress 获得的初始 HTML 输出:

<div class="testimonial-name">Syed Haroon {{ Web Developer_ India }}</div>

下面给出的 jQuery 代码将转换 {{至<span>和}}至</span>和_至,

jQuery('.testimonial-name').text(function(index,text){
      return text.replace("{{",'<span>')
                 .replace("}}",'</span>')
                 .replace('_',',');
    })

运行上面的代码后结果是:

<div class="testimonial-name">Syed Haroon &lt;span&gt; Web Developer, India &lt;/span&gt;</div>

我真正需要的是:

<div class="testimonial-name">Syed Haroon <span>Web Developer, India</span></div>

Answer 1

使用html()而不是文字

jQuery('.testimonial-name').html(function(index, html) {
  return html.replace("{{", '<span>')
    .replace("}}", '</span>')
    .replace('_', ',');
})

span{
  color:green;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="testimonial-name">Syed Haroon {{ Web Developer_ India }}</div>