Question

我有4个输入表单元素，我想从输入的兄弟中选择一个元素，其值已更改（准备上传）。但我的语法不起作用：

HTML ：

<div style="overflow:hidden; position: relative; display: inline-block;" class="fileinput-wrapper">
    <div style="background:url(http://localhost/project/assets/images/ajax-loader.gif) no-repeat center center" data-provides="fileinput" class="fileinput fileinput-new">
        <div style="width: 200px; height: 130px;background:url(http://localhost/project/assets/images/upload_a_photo.png) no-repeat center center" data-trigger="fileinput" class="fileinput-preview thumbnail">
        </div>
    </div>
    <input type="file" name="photos[]" tabindex="-1" style="opacity: 0; position: absolute; z-index: -1; left: -367.5px; top: 80.9333px;">
</div>

JS ：

$("input[type=file]").on('change',function(){
    $(this).siblings('.fileinput-preview').css('background','');
});

Answer 1

$("input[type=file]").on('change',function(){
    $(this).parents('.fileinput-wrapper').find('.fileinput-preview').css('background','none');
});

Answer 2

试试这个

$(this).next('.fileinput-preview').css('background','none');

从元素的兄弟中选择一个元素

2 个答案: