如何在字符串中查找数字并用dom对象替换它们？

Question

初步有：

var e.name = 'Mg2(OH)3';

需要：

var sub = '<p>Mg<span class="sub">2</span>(OH)<span class="sub">3</span</p>';

需要在数字跨度之前和之后添加。 如何使用jQuery或本机javascript？

Answer 1

使用.replace方法，不需要jQuery。

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>

Answer 2

同时添加封闭的段落标记：

＆＃13;

＆＃13;

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);

＆＃13;

＆＃13;

＆＃13;