I want to replace all <span></span> tags with their own class name inside the dynamic paragraph.
Example:
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"
So I tried many ways but can't be got the class name of span. The paragraph comes from an ajax request as a text format for my public comment section and I will show it also as a push notification.
I tried
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);
}
And fiddle
function replaceSpans(string) {
return string.replace(/<span class="emo (\S+)"><\/span>/g, '$1');
}
This seems to be giving the results you want.
Putting it into your example:
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);
}