Transformer le menu texte en liens HTML en JavaScript

Question

Je suis en train de transformer une structure de menu/commande texte en liens HTML en JavaScript. Le texte couvre que je reçois sont de la forme:

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

Je voudrais un lien pour chaque élément de menu, avec le texte du lien étant « Première option », «deuxième option, etc. Le principal problème est que les travées ont un espace blanc: pré sur eux, et j'ai besoin de conserver tous les espaces dans la durée. C'est-à-dire que la longueur du texte dans chaque intervalle ne peut pas changer.

J'ai été capable de créer des liens avec des expressions régulières en utilisant des sous-motifs et la méthode de remplacement, mais je ne peux pas sélectionner la totalité de l'étendue et ne pas avoir d'espace blanc dans le sous-masque. Voilà ce que j'avais que ca ne les deux maillons de la même période séparée, mais laisse dans les espaces: /(\d*)\.\s*([a-zA-Z][a-zA-Z\s]*)/g

Answer 1

je devais apprendre préanalyse négatif :) Voici ce que je suis:

/((\d+).\s)((?:[\\d\s]|\s(?!(?:\s*\d*.)|(??\s * $)) | \ d (?! (?: \ d *. \ s))) *)/g

$ 1 contient le '1. ', $ 2 contient le' 1 ', $ 3 contient le texte du menu. Cela fonctionne plutôt bien.

Answer 2

utilisant jquery:

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

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