Изменение типа элемента с помощью JQuery

Question

У меня есть следующий код:

$('#theForm').on('click', 'button', function(e){ 
var attrs = { }; 

var str =e.target.id; 
var newStr = str.substring(0, str.length-1); 

$("#file01b").replaceWith(function() { 
attrs.text = $(this).text(); 
return $("<a />", attrs); 
}); 

var field= document.getElementById(newStr); 
field.value= field.defaultValue; 
document.getElementById(newStr).style.display = "none"; 
}); 

Весь код:http://jsfiddle.net/K9eWL/3/

и когда я нажимаю на первой кнопке «Remove File» она отлично работает, так что я пытался сделать это автоматически, чтобы он работает для всех кнопок:

$('#theForm').on('click', 'button', function(e){ 
var attrs = { }; 

var str =e.target.id; 
var newStr = str.substring(0, str.length-1); 

$("#str").replaceWith(function() { 
attrs.text = $(this).text(); 
return $("<a />", attrs); 
}); 

var field= document.getElementById(newStr); 
field.value= field.defaultValue; 
document.getElementById(newStr).style.display = "none"; 
}); 

все треску e:http://jsfiddle.net/K9eWL/3/

но он не работает, где ошибка?

Спасибо за помощь.

Answer 1

Как насчет, вместо:

$("#file01b").replaceWith(function() { 

Вы используете:

$("#"+e.target.id).replaceWith(function() { 

Проверить your fiddle, updated.

Примечание: Если указано выше, то $(e.target).replaceWith(function() { будет work as well.

Answer 2

'this.id' также работает.

$("#"+this.id).replaceWith(function() {