jquery跨越第一个空间

Question

我有三个单词我希望在第一个空格之后添加内容，所以

hello world

变为：

hello <span>world</span>

和

hello world again

变为：

hello <span>world again</span>

这是我的JavaScript代码：

 $( "#main-nav li a" ).each(function( index ) {
   $(this).html( $(this).text().replace(/([\S]*)\s(.*)/, "$1 <span>$2</span>") );
}); 

Answer 1

你可以用一些正则表达式来实现：

text = text.replace(/([\S]*)\s(.*)/, "$1 <span>$2</span>");

如果text为hello world，则上述代码会将其转换为hello <span>world</span>

Answer 2

也许更容易理解（对我来说肯定），

1. 在空格字符上使用find方法，在字符串中获取第一个位置。
2. 获取第一个子字符串，从索引0到特定位置。
3. 从特定位置获取子字符串到string.length并将它们包装起来
4. 再次合并两个字符串。