使用jQuery的特定类的目标图像?

虽然未经测试,但您可以利用 和 第一

$('#mybutton').click(function(){
    $('.my-image:visible:first').fadeOut();
}

如果你的函数是一个动画使用 不 有生气的

$('#mybutton').click(function(){
    $('.my-image:visible:not(:animated):first').fadeOut();
})

来完善我们对 方法,我也测试了长手。

$('#mybutton').click(function(){
    $('.my-image')
    .filter(':visible')
    .not(':animated')
    .filter(':first')
    .fadeOut();
})

这在开发过程中特别有用,可以快速注释出各种步骤:

$('#mybutton').click(function(){
    $('.my-image')
    .filter(':visible')
//    .not(':animated')
    .filter(':first')
    .fadeOut();
})

你可以有两个班。一个是为那些已经褪色的图像,另一个是那些没有褪色的图像。比如:

<img src="" alt="" class="not_faded" />

和

<img src="" alt="" class="faded" />

$('#mybutton').click (function (){
    $('.not_faded:first').fadeOut (); // your fade out effect
    $('.not_faded:first').attr ('class', 'faded');
});

编辑:看看Matt的解决方案,它更加优雅,充分利用了jQuery。