有简单的jQuery片段的问题

Question

我遇到了简单的jQuery代码段问题。这是标记：

        <div class="banner">
            <div class="bannerInnerRight">
                <span class="box5"><h4>Reviews</h4></span>
                <span class="box6"><h4>Mission Statement</h4></span>
                <span class="box7"><h4>Serving Areas</h4></span>
                <span class="box8"></span>
            </div><!-- bannerInnerRight -->
        </div><!-- banner -->

使用css（h4）隐藏display:'none'个。当每个跨度悬停在上面时，我希望其各自的h4显示。

我的尝试：

$(document).ready(function() {

    $('div.banner > div > span').mouseover(function() {
        $(this > h4).show();
    });

});

我必须使用this关键字错误，如何才能使其生效？

Answer 1

尝试

$(this).find("h4").show();

Answer 2

尝试：

$(this).find("h4").show();

Answer 3

$("h4", $this).show();

第二个参数允许您指定要搜索的内容。

Answer 4

以下内容如何：

$(document).ready(function() {

    $('.bannerInnerRight').find('span').mouseover(function() {
        $(this).find('h4').show();
    });

});