jquery - 如何使用 jQuery 将整个 HTML 输入文件元素替换为另一个元素？

Question

如果您右键单击网页并在 Web 浏览器中单击“查看源代码”，您会看到如下内容：

<input type="file" id="filename" name="filename" size="40/>

并且您想将其替换为稍作修改的版本，例如：

<input type="file" id="file_0" name="file_0" size="40/><input type=hidden name="randominput" value="somevalue">

你会如何在 jQuery 中做到这一点？

我尝试了以下不起作用：

$(' <input type="file" id="filename" name="filename" size="40/>').replaceWith('<input type="file" id="file_0" name="file_0" size="40/><input type=hidden name="randominput" value="somevalue">');

Answer 1

你只需要这样的东西：

$("#filename").parent().html("your new html here");

您需要获取父标签，否则您会将新标签插入旧标签中。

但是让父母摆脱旧标签，用新标签代替它。

Answer 2

尝试：

var newInput = $('<input>');
newInput
   .attr('type','file')
   .attr('id','file_0')
   .attr('name','file_0')
   .attr('size','40');

var hiddenInput = $('<input>');
hiddenInputer.attr('type','hidden')
   .attr('name','randomInput')
   .attr('value','someValue');

newInput.append(hiddenInput);
$('#filename').replaceWith(newInput);