在悬停时切换div中的span元素

Question

我仍然相对较新的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
    }
});

Answer 1

想出来：$(this).children().toggle();

Answer 2

您可以修改以下内容以对您有利。

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