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');
});

fadeTo（）兄弟姐妹而不是目前徘徊的div

1 个答案: