用HTML元素包装字符串的特定部分

Question

让我们说标题（h1）说：

Stack Exchange上20位最有用的用户

有没有办法只使用jQuery或纯Javascript在“20”和“20”周围添加元素？

Answer 1

假设字符串只有一组数字：

function wrapNum(str) {
    return str.replace(/\d+/, '<span>$&</span>');
}

Demo | .replace() Documentation

Answer 2

实现这一目标的最简单方法是：

$('h1').each(function (_, el) {
var $this = $(el);
var h1Content = $this.html();
$this.html(h1Content.replace(/(\d+)/, '<span>$1</span>'));
});

这假设你想要第一个数字。的 DEMO