如何用另一個使用jQuery替換整個HTML輸入文件元素？

Question

如果你右鍵點擊一個網頁，點擊「查看源文件」在你的網頁瀏覽器，你看到的是這樣的：

<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);