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

Question

假设我有一个标题 ( <h1> )，内容为 The 20 Most Useful Users on Stack Exchange 。有没有办法添加<span class="numbers"></span>元素仅围绕 20使用 JavaScript？

Answer 1

实现这一点的最简单方法是:

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

这假设您想要第一个数字。 <强> DEMO