Javascript 在使用简单jQuery代码段时遇到问题

我在使用简单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 -->

我一定是用错了this关键字，如何才能让它工作？

试试：

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

尝试：

试一试

试一试

---

那么以下内容如何：

$(document).ready(function() {

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

});

---

那么以下内容如何：

$(document).ready(function() {

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

});

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

---

第二个参数允许您指定要在赢的上下文中搜索的内容。

。此方法应该比使用.find快，因为只需少调用一个函数。@Ryan:Context较慢。它被转换成$this.findh4.show，然后重新开始。那好吧。那太不幸了。我撤销了我之前的评论。如果它变成了一个查找呼叫，与公认的答案相比，这不会改变速度，我认为这更具可读性。虽然我同意这有点不幸。获胜的背景。此方法应该比使用.find快，因为只需少调用一个函数。@Ryan:Context较慢。它被转换成$this.findh4.show，然后重新开始。那好吧。那太不幸了。我撤销了我之前的评论。如果它变成了一个查找呼叫，与公认的答案相比，这不会改变速度，我认为这更具可读性。虽然我同意这有点不幸。什么是跨度的CSS样式？如果它是默认的内联元素，则会出现问题：当h4被隐藏时，没有任何东西可以悬停。次要结构注释-h4是块元素，不应该放在跨度内，跨度是内联元素。@Ryan:我也这么认为。Span可以设置为block，但仍然不能包含h4。尽管如此，如果它是内联的，那么当它为空时就会折叠，即隐藏元素，因此无论下面介绍的方法如何，都不会有任何悬停；语法上不正确。它首先计算可能未定义或为false的this>h4，然后将其作为参数传递给$。。。所以这一行应该是$undefined.show或$false。show@Joe：故意忽略标准并不像你想象的那样安全。试着把表单放到主体中，例如，你想要一个可以独立编辑、添加、删除的元素表，看看会发生什么。根据标准调整样式是一种很好的做法。span的CSS样式是什么？如果它是默认的内联元素，则会出现问题：当h4被隐藏时，没有任何东西可以悬停。次要结构注释-h4是块元素，不应该放在跨度内，跨度是内联元素。@Ryan:我也这么认为。Span可以设置为block，但仍然不能包含h4。尽管如此，如果它是内联的，那么当它为空时就会折叠，即隐藏元素，因此无论下面介绍的方法如何，都不会有任何悬停；语法上不正确。它首先计算可能未定义或为false的this>h4，然后将其作为参数传递给$。。。所以这一行应该是$undefined.show或$false。show@Joe：故意忽略标准并不像你想象的那样安全。试着把表单放到主体中，例如，你想要一个可以独立编辑、添加、删除的元素表，看看会发生什么。根据标准调整你的风格是一种很好的做法。

$(document).ready(function() {

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

});

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