fadeTo()兄弟姐妹而不是目前徘徊的div

时间:2013-05-25 02:57:04

标签: javascript jquery

我尝试了很多东西,似乎没有任何工作。 我不确定我是否正确使用.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开始,根本没有设置不透明度。

1 个答案:

答案 0 :(得分:1)

您可以使用.siblings

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