正则表达式使用javascript包装span中的第一个整数

Question

我有一个像这样返回列表的cms：

  

1这是100个人见过它的第一个列表项

     

2这是29个人见过的第二个列表项

我需要在一个span中包装第一个整数来设置列表项的样式（改变渲染的输出不是一个选项），以实现以下目的：

<span>2</span> This is the second list item 29 people have seen it

我目前有：

return v.replace(/(\d+)/g, '<span>$1</span>');

但这取代了所有整数。我试过以下没有运气：

return v.replace(/(\^d+)/g, '<span>$1</span>');

我能做到这一点的最佳方式是什么？

Answer 1

g表示global，您只需要替换第一个匹配项，然后就不需要使用g修饰符。

return v.replace(/(\d+)/, '<span>$1</span>');

你的第二段代码将\置于错误的位置。

return v.replace(/^(\d+)/, '<span>$1</span>');