用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>'));
});

假設您要第一個數字。 演示