javascript - 第一个空格后的 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>