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

Question

可以说我有一个标题（h1）：

Stack Exchange上20个最有用的用户

有没有一种方法可以仅使用jQuery或纯Javascript在“ 20”和“ 20”之间添加元素？

Answer 1

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

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

演示 | .replace()文档

Answer 2

实现此目的的最简单方法是：

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

假设您要第一个数字。 演示