Jquery 如果类为'；当前'；，那就这样做吧

我有一个小悬停脚本

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

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

我正在使用一个插件，将一个类“current”添加到视图中的当前面板中。我怎样才能添加到这个代码中，这样只有当面板有一个类“current”时才会产生这种效果

谢谢

您可以这样使用：

或者，如果您只希望针对

.caption

元素，这些元素是

.current

的后代（如果iframe不是当前css类的“面板”）：

---

哪个小组？您是否尝试过组合选择器，例如

$（.caption.active'）

，或

$（this.hasClass（'active'）

？这可以通过CSS完成（

：悬停

+

不透明度

+

转换：

）。不需要JavaScript。谢谢！我只需要在div中设置一个类current。这很有效。我现在明白了“寻找莫特霍德”的工作原理了。非常感谢。

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

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