JavaScriptのHTMLリンクにテキストメニューを変換する

Question

JavaScriptでテキストのみのメニュー/コマンド構造をHTMLリンクに変換しています。テキストは私が受け取ることにまたがる形である：

 
<span>1. First option   2. Second option  </span> 
<span>3. Third option         </span> 

私は主な問題があるリンクテキストは、「最初のオプション」、「第二にオプション」、などであることで、各メニュー項目のリンクを希望スパンには空白があります：プレはそれらの上にあり、スパン内のすべてのスペースを保持する必要があります。つまり、各スパン内のテキストの長さは変更できません。

サブパターンとreplaceメソッドを使って正規表現でリンクを作成できましたが、スパン全体を選択したり、サブパターンに空白を入れたりすることはできません。 /(\d*)\.\s*([a-zA-Z][a-zA-Z\s]*)/g

Answer 1

私は否定先読みを学ばなければならなかった:)ここで私が得たものです。

/(((d\).\s)(((?)[d\s]|\s(?!(::s*\d*.)|(?:\s） * $））\ d（？！（d：\ d *。\ s）））））/ g

$ 1には '1'が含まれています。 '、$ 2には' 1 '、$ 3にはメニューテキストが含まれています。実際にはうまくいく。

Answer 2

jqueryのを使用して：：これは私が同じスパン分離の両方のリンクを取得しますが、スペースに残していたものである

var links=''; 
$('span').each(function(){ 
var text = this.innerText.replace(" ",""); 
var a= '<a href="#">' + text + '</a>'; 
links += a; 
}); 

$('span').parent().html(links);