ファイルを選択したときに最も近いクラスを非表示/変更

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()： 何が欲しいの兄弟を選択することです。代わりにaはinputの兄弟であるため、next()を使用できます。

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

Answer 2

closestを使用すると、親要素を選択できます。提供セレクタに一致する最も近い親要素を見つけるために使用される

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