javascript - 使用 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 。