jQueryでは、なぜ$（this）.next（）。removeAttributeが機能しないのですか？

Question

"ファイルの選択"、 "アップロード"、 "その他のファイルの追加"

ファイル入力の変更時に[アップロード]ボタンの属性を無効にしようとしています）。最初の[アップロード]ボタンでは機能しますが、2番目の[アップロード]ボタンでは機能しません。 なぜですか？

お手伝いがありがとうございました。

私の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

で

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

を交換してください。小道具を（使用して見て.on代わりremoveAttrの、構文の下に

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

と削除、

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

Answer 2

あなたが最初にDOMを変更して実現しませんでした。

はあなたが動的ので、イベントハンドラをバインドされていなかった第二アップロードボタンを追加している

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