javascript - fadeTo() 兄弟姐妹而不是当前悬停的 div

Question

我已经尝试了很多东西，但似乎没有任何效果。我不确定我是否使用.siblings()正确，所以我不得不删除它并让它变得简单而没有我想要的实际东西。

目前我已将其设为：淡化当前选定/悬停的 div。

$('.recent_each').hover(function () {
    $(this).stop().fadeTo(300, '.5')
}, function () {
    $(this).stop().fadeTo(300, '1');
});

谁能告诉我如何设置'.5'所有兄弟姐妹的不透明度并将当前悬停在不透明度上的 div'1'

我真的很困惑。这是html结构。

echo "
    <div class=\"recent_each\">
        <div class=\"recent_title\">
            <a href=\"http://www.youtube.com/watch?v='{$info["yt_id"]}'\">
                {$info["yt_name"]}
            </a>
        </div>

        <div class=\"recent_thumbnail\">
            <a href=\"http://www.youtube.com/watch?v='{$info["yt_id"]}'\">
                <img src=\"{$info["thumb"]}\" alt=\"Recently Converted Thumbnail\">
            </a>
        </div>
    </div>
";

就 CSS 而言，那里根本没有设置不透明度。

Answer 1

您可以使用.siblings：

$('.recent_each').hover(function () {
    $(this).siblings('.recent_each').stop().fadeTo(300, '.5')
}, function () {
    $(this).siblings('.recent_each').stop().fadeTo(300, '1');
});