jQuery 在类中淡入淡出切换图像

Question

我的一些代码中出现了一些问题。我的页面上有多个 HTML5 音频播放器，每个播放器都通过单击进入其容器时淡入的图像来播放。为了适应所有玩家使用相同的游戏图像，我将其设置为一个类。

我的问题是，当您淡入任何 .thumbnail 容器时，图像就会淡入。我需要以某种方式将其磨练到您输入的任何容器中..也许使用（这个）或其他东西。

HTML:

        <div class="thumbnail" id="paparazzi">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
                <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>
        </div>

JavaScript:

$('.play').hide();
$('.thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

概念 JavaScript:

$('.play').hide();
$('this, .thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

Answer 1

应该是这样：

$('.thumbnail').hover(function(e){
    $('.play', this).fadeToggle(400);
});

所以你几乎是对的。

举个例子：
http://jsfiddle.net.net/4nyqv/4/4nyqv/4/

编辑：对不起，对不起，对您有错误的方式。