如果class是'current'，那么就这样做

Question

我有这个小悬停脚本。

$('iframe').hover(function() {
    $('.caption').fadeIn(800);
},
function() {
    $('.caption').fadeOut(800);
});

当我将鼠标悬停在iframe上时，它会在类“标题”中淡入淡出。当我退出悬停时，它会淡出它。很简单。

我正在使用一个插件，将一个类'current'添加到视图中的当前面板。我如何添加到此代码中，以便仅在面板具有“当前”类时才会发生此效果。

谢谢！

Answer 1

你可以这样使用jQuery is method：

$('iframe').hover(function() {
    if ($(this).is('.current')) {
        $('.caption').fadeIn(800);
    }
},
function() {
    if ($(this).is('.current')) {
        $('.caption').fadeOut(800);
    }
});

或者，如果您只希望定位.caption后代的.current元素（如果iframe不是当前css类的'panel'）：

$('iframe').hover(function() {
    $('.current').find('.caption').fadeIn(800);
},
function() {
    $('.current').find('.caption').fadeOut(800);
});