Как заменить текст из строки тегами HTML?

Question

У меня есть строка:

" Text01 [1] text02 [2] text03 [3] " 

и мне нужно заменить [1] [2] [3] с input type="text"

мне это нужно для создания JavaScript заполнения в-заготовок викторины.

Я сделал что-то вроде этого:

$("span").click(function() 
{ 
    var input = $("<input>", { val: $(this).text(), type: "text" }); 

    $(this).replaceWith(input); 

    input.select(); 
}); 

Я должен добавить теги между [1] [2] [3] и что это та часть, что я не знаю, как это сделать в JQuery.

Answer 1

Хм ... может быть, что-то вроде этого?

var str = " Text01 [1] text02 [2] text03 [3] "; 

str = str.replace(/\[[0-9]+\]/g, function(match) { 
    return '<span id="'+match+'"><input type="text"></span>'; 
}); 

alert(str); //outputs Text01 <span id="[1]"><input type="text" /></span>...