jquery - 当 li/td 有跨度时做某事

Question

我有一个小问题。当这个 span 元素在 td 上时，想要淡入 tolltip 作为 mouseenter 动作的 span。所以我需要检查每个 td 元素和 fadeIn 跨度，如果它实际上存在于里面。所以这是我的代码。谢谢帮助...

$(document).ready(function (){
    $('.winners_calendar td').mouseenter(function(){
        if($('.winners_calendar td').find('span').length == 1){
            $('.tooltip_paragon').stop(1,1).fadeIn('300');
        }
    });
    $('.winners_calendar td').mouseleave(function(){
        if($('.winners_calendar td').find('span').length == 1){
            $('.tooltip_paragon').stop(1,1).fadeOut('300');
        }
    });
});

Answer 1

试试这个：

$(document).ready(function (){
    $('.winners_calendar td').mouseenter(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeIn(300);
    });
    $('.winners_calendar td').mouseleave(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeOut(300);
    });
});

如果存在，它只会在悬停行的工具提示中淡出。

或者你可以缩短它：

$(document).ready(function (){
    $('.winners_calendar td').hover(function(){
        $('.tooltip_paragon',this).stop(true,true).fadeToggle(300);
    });
});