если класс 'текущий', то сделайте это

Question

У меня есть этот маленький скрипт наведения мыши.

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

Когда я наводю курсор мыши на iframe, он исчезает в классе 'заголовок'.Когда я выхожу из парения, он исчезает.Достаточно просто.

Я использую плагин, который добавляет класс current к текущей панели, которая отображается.Как я могу добавить к этому коду, чтобы этот эффект происходил ТОЛЬКО, если у панели есть класс 'current'.

Спасибо!

Answer 1

Вы можете использовать jQuery is метод , например, так:

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

Или, в качестве альтернативы, если вы хотите указать только .caption элементы, которые являются потомками .current (еслиiframe - это не панель с текущим классом css:

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