更改權元素

Question

我有這樣的HTML代碼：

<div class="custom-input-file product-left"> 
    <input type="file" class="input-file" name="mediabundle_mediatype[file]" id="picture_1"> 
    <div class="archivo">Seleccionar ...</div> 
    <img style="display:none" alt="your image" src="#" id="picPreview1"> 
</div> 

<div class="custom-input-file product-left"> 
    <input type="file" class="input-file" name="mediabundle_mediatype[file]" id="picture_2"> 
    <div class="archivo">Seleccionar ...</div> 
    <img style="display:none" alt="your image" src="#" id="picPreview2"> 
</div> 

<div class="custom-input-file product-left"> 
    <input type="file" class="input-file" name="mediabundle_mediatype[file]" id="picture_3"> 
    <div class="archivo">Seleccionar ...</div> 
    <img style="display:none" alt="your image" src="#" id="picPreview3"> 
</div> 

<div class="custom-input-file product-left"> 
    <input type="file" class="input-file" name="mediabundle_mediatype[file]" id="picture_4"> 
    <div class="archivo">Seleccionar ...</div> 
    <img style="display:none" alt="your image" src="#" id="picPreview4"> 
</div> 

<div class="custom-input-file product-left"> 
    <input type="file" class="input-file" name="mediabundle_mediatype[file]" id="picture_5"> 
    <div class="archivo">Seleccionar ...</div> 
    <img style="display:none" alt="your image" src="#" id="picPreview5"> 
</div> 

，我需要運行的每個但當然改變元素的ID相同的jQuery代碼。這是我所做的代碼：

$("#picture_1, #picture_2, #picture_3, #picture_4, #picture_5").change(function() { 
    readURL(this); 
    $(this).parent().find(".archivo").html("Cambiar imagen"); 
}).css('border-width', function() { 
    if (navigator.appName == "Microsoft Internet Explorer") 
     return 0; 
}); 

$(".document-file input:file").change(function() { 
    $(this).parent().find(".file").html($(this).val()); 
}).css('border-width', function() { 
    if (navigator.appName == "Microsoft Internet Explorer") 
     return 0; 
}); 

但不知道如何迭代槽元素，並改變我改變的，任何幫助？

Answer 1

只需更換

$（ 「＃picture_1，＃picture_2，＃picture_3，＃picture_4，＃picture_5」）...

通過

$(".input-file").change(function() { 
    readURL(this); 
    $(this).parent().find(".archivo").html("Cambiar imagen"); 
    $(this).parent().find(".file").html($(this).val()); 
}).css('border-width', function() { 
    if (navigator.appName == "Microsoft Internet Explorer") 
     return 0; 
}); 

現在使用類選擇器（http://api.jquery.com/class-selector/）。