Javascript 悬停时切换div中的跨度元素

Javascript 悬停时切换div中的跨度元素,javascript,jquery,Javascript,Jquery,我对jQuery还是比较陌生的,我试图在悬停时将包含在div中的几个跨距中的文本隐藏起来,然后在悬停时再次显示它们。我觉得这是一件相对容易的事情,我只是没有取得太多的成功。谢谢大家! $(".resultBox").hover(function() { // Perform actions only if targeted result box it is not enlarged if($(this).height() === RESULTBOX_DEF_HEIGHT &am

我对jQuery还是比较陌生的,我试图在悬停时将包含在div中的几个跨距中的文本隐藏起来,然后在悬停时再次显示它们。我觉得这是一件相对容易的事情,我只是没有取得太多的成功。谢谢大家!

$(".resultBox").hover(function() {

    // Perform actions only if targeted result box it is not enlarged
    if($(this).height() === RESULTBOX_DEF_HEIGHT && $(this).width() === RESULTBOX_DEF_WIDTH)
    {
        // Toggle the highlight class matching the target box
        var targetBoxId = $(this)[0].id;
        $(this).toggleClass(targetBoxId + "BoxHighlight");

        // Hide all text in the spans within this box
    }
});

您可以修改以下内容,使其对您有利

$("resultBox").hover(function(){
    $('.target').show();
},function(){
    $('.target').hide();
});

找到答案:
$(this.children().toggle()

我们也可以看到您的HTML吗?我正在以编程方式添加跨距,因为我需要显示跨距