Initial have:
var e.name = 'Mg2(OH)3';
Need to have:
var sub = '<p>Mg<span class="sub">2</span>(OH)<span class="sub">3</span</p>';
Need to add before and after number the span. How to do that with jQuery or on native javascript?
-
4nothing to do with jquery. that's just string manipulation.Marc B– Marc B2015-05-25 16:22:15 +00:00Commented May 25, 2015 at 16:22
Add a comment
|
2 Answers
Use .replace method, no jQuery needed.
var str = 'Mg2(OH)3';
str = '<p>' + str.replace(/(\d+)/g, '<span class="sub">$1</span>') + '</p>';
console.log(str); // returns: <p>Mg<span class="sub">2</span>(OH)<span class="sub">3</span></p>
Comments
Also adding the enclosing paragraph tags:
var e = {};
e.name = 'Mg2(OH)3';
var sub = '<p>Mg<span class="sub">2</span>(OH)<span class="sub">3</span></p>';
e.name = '<p>' + e.name.replace(/(\d+)/g, '<span class="sub">$1</span>') + '</p>';
console.log(sub);
console.log(e.name);