在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]');