使用 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/

当我点击第一个“删除文件”按钮时，它工作正常，所以我尝试自动制作它，以便它适用于所有按钮：

$('#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";
});

全部代码：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 () {