在jQuery中，爲什麼我的$（this）.next（）。removeAttribute不起作用？

Question

我正在做一個文件上傳的形式與下列按鈕：「選擇文件」，「上傳」和「添加其他文件」

我試圖刪除屬性「禁用」上傳按鈕時，文件輸入更改）。它適用於第一個上傳按鈕，但不適用於第二個上傳按鈕等等...... 這是爲什麼？

非常感謝，如果你能幫助我。

我jQuery代碼是：

$(document).ready(function() { 

$('input[type=file]').change(function(){ 
    $(this).next().removeAttr('disabled'); 
}); 

$('.add').click(function() { 
    var num = $('input[type=file]').length; 

    newNum = num + 1; 
    if (newNum >= 4){ 
     $('.add').hide(); 
     } 

    $('#addanother').append("<form method='POST'>"); 
    $('#photo1').clone().attr('id','photo'+newNum).appendTo('#addanother'); 
    $('#upload'+num).clone().attr('id','upload'+newNum).attr('disabled','disabled').appendTo('#addanother'); 
    $('#addanother').append('</form><br />'); 

    }); 
}); 

我的HTML代碼是：

<form method='POST' enctype="multipart/form-data"> 
<input type='file' class='fileinput' id='photo1'> 

<input type='button' id='upload1' name='upload1' value='Upload' disabled='disabled'> 
</form> 

<div id='addanother'></div> 

<input type='button' class='add' id='add1' value='Add file'> 

Answer 1

要動態等事件處理程序沒有義務加入第二上傳按鈕。使用.on在下面的語法，

$(document).on('change', 'input[type=file]', function(){ 
    $(this).next().removeAttr('disabled'); 
}); 

和刪除，

$('input[type=file]').change(function(){ 
    $(this).next().removeAttr('disabled'); 
}); 

Answer 2

沒有意識到你自己卻在第一次修改DOM。

更換

$('input[type=file]').change(function(){ 
    $(this).next().removeAttr('disabled'); 
}); 

與

$(document).on({ 
    change: function() { 
     $(this).next().removeAttr('disabled'); 
    } 
}, 'input[type=file]');