javascript - 最初のスペースの後のjqueryスパン

Question

最初のスペースの後にコンテンツの周りにスパンを追加したい単語が 3 つあるので、

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. 両方の文字列をもう一度マージします。