Question

假设我有以下html代码。

<div>
    <label>Test1</label>
    <input type="file">
    <a href="#" class="selected-file"></a>
</div>
<div>
    <label>Test2</label>
    <input type="file">
    <a href="#" class="selected-file"></a>
</div>
<div>
    <label>Test3</label>
    <input type="file">
    <a href="#" class="selected-file"></a>
</div>

我需要的是，如果有人更改/选择了一个文件，那么最近的<a>应该隐藏。我试着做下面这样的事情

$(function() {
    $("input:file").change(function (){
        $(this).closest(".selected-file").hide()
    });
});

但这并不会隐藏<a>标记。我怎样才能做到这一点？

Answer 1

closest可让您选择父元素。你想要的是选择兄弟姐妹：

$(this).siblings(".selected-file").hide()

Answer 2

24-Mar-2016 13:15:25用于查找与提供的选择器匹配的最接近的父元素。相反，由于closest()是a的兄弟，您可以使用input：

next()

选择/更改文件时隐藏最接近的类

2 个答案: