如何在段落内用自己的类名替换span标签

Question

我想在动态段落中用它们自己的类名替换所有的<span></span>标签。

的例子:

My paragraph is: "Welcome <span class="emo 1f4a9"></span> to our home <span class="emo 1f47b"></span>"
And I want the result: "Welcome 1f4a9 to our home 1f47b"

所以我尝试了很多方法，但不能得到span的类名。该段落来自ajax请求，作为我的公共评论部分的文本格式，我也将其显示为推送通知。

我试着

spantoemo('Welcome <span class="emo 1f4a9"></span> to our home <span class="emo 1f47b"></span>');
function spantoemo(MSG){
var element = $(MSG);   
element.find("span").each(function(index) {
var A = $(this).attr('class');
var B = A.replace("emo ", ""); 
//var JAVACODE = toUTF16(parseInt( A, 16 )); var FINAL =  html.replace(/<span class="+A+"></span>/g, JAVACODE);
var FINAL =  html.replace(/<span class="+A+"></span>/g, B);
});
var newString = element.html(); //get back new string
alert(newString);
}

和小提琴

Answer 1

function replaceSpans(string) {
return string.replace(/<span class="emo (S+)"></span>/g, '$1');
}

这似乎是你想要的结果。

放到你的例子中:

spantoemo('Welcome <span class="emo 1f4a9"></span> to our home <span class="emo 1f47b"></span>');
function spantoemo(MSG){
MSG = MSG.replace(/<span class="emo (S+)"></span>/g, '$1');
alert(MSG);
}