）（$の.parentを使用して、不透明度のCSSプロパティを変更する

Question

私はそうのような要素のCSSプロパティを変更したい：a.archive_blocks_faの

標準不透明度が0.5です。 a.archive_blocks_saがホバーされている場合、a.archive_blocks_faは不透明度1.0でなければなりません。ホバーイベントが終了すると、a.archive_blocks_faは不透明度0.5に戻る必要があります。

HTML：

$('a.archive_blocks_sa').hover(function(){ 
    $(this).parent('.archive_blocks_fa').css('opacity','1'); 
}, function(){ 
    $(this).parent('.archive_blocks_fa').css('opacity','0.5'); 
}); 

みんな、私が間違って何をやっている：私はこのjQueryのコードを書いた

<div class="archive_blocks"> 
<a href="#" class="archive_blocks_fa"> 
    <img width="142" height="142" src="#"> 
</a> 
<div class="archive_blocks_name"> 
    <a href="#" class="archive_blocks_sa">Text</a> 
</div> 
</div> 

？

Answer 1

archive_blocks_faは、archive_blocks_sa（ホバリング要素）の親の兄弟です。

したがって、parentレベルに移動し、prev()メソッドを使用して前の兄弟（archive_blocks_fa）を取得し、不透明度を設定する必要があります。これを試して。

$('a.archive_blocks_sa').hover(function(){ 
    $(this).parent().prev('.archive_blocks_fa').css('opacity','1'); 
}, function(){ 
    $(this).parent().prev('.archive_blocks_fa').css('opacity','0.5'); 
}); 

.prev()任意に選択することによって、濾過整合要素の組の各要素の直前の兄弟を取得します。

Answer 2

問題ここでは、あなたの代わりにこれを試して、正しくDOMを横断していないということです。

$('a.archive_blocks_sa').hover(function(){ 
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','1'); 
}, function(){ 
    $(this).closest(".archive_blocks").find('.archive_blocks_fa').css('opacity','0.5'); 
}); 

Answer 3

あなたは間違って何をやっているクラスarchive_blocks_saを持つ要素が親を持っていないということです（クラス.archive_blocks_fa）

Answer 4

まあ、parent()はarchive_blocks_name divのみを選択します。これは親であり、archive_blocks_faではありません。 試してみてください。

$(this).parent().siblings('.archive_blocks_fa').css('opacity', '1');