Javascript选择器

Question

嗨，我是一个新的JavaScript程序员。有一个愚蠢的问题。我搜索无处不在，我想我知道这一切，但没有明确的，这就是为什么代码不能正常工作....我的代码如下

<input class = "ban_image_new uploadImage" id="uploadImage" type="file" accept="image/jpeg" name="userfile" /> 
<input class = "ban_image_new uploadImage" id="uploadImage2" type="file" accept="image/jpeg" name="userfile" /> 
<input class = "ban_image_new uploadImage" id="uploadImage2" type="file" accept="image/jpeg" name="userfile" /> 
<script> 
$(".uploadImage").change(function(){ 

    var file = document.getElementById("uploadImage").files[0];  
    // var file2 = $(this).files[0]; 
    alert(file); 

    }); 

</script> 

鉴于上面的代码一切工作正常（如显示对象）。对于变量'文件'....但不适用于'文件2'。正如你所理解的，我想使用类名称。所以请在这里帮助我。

Answer 1

你需要使用哪个触发更改事件的dom输入元素，这个目的是通过this在更改处理简称

//dom ready handler 
jQuery(function($){ 
    $(".uploadImage").change(function() { 

     var file = this.files[0]; 
     // var file2 = $(this).files[0]; 
     alert(file); 

    }); 
}) 

演示：Fiddle