javascript - 用 HTML 元素包裹字符串的特定部分

Question

假设我有一个标题 ( <h1>)，上面写着The 20 Most Useful Users on Stack Exchange. 有没有办法只在JavaScript<span class="numbers"></span>周围添加元素？20

score 2 · Accepted Answer

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

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

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

score 2 · Accepted Answer

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

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

2 回答 2