Javascript 如何使用JQuery显示div'；s仅限子元素？

所以我有一个jquery函数，它应该在悬停时显示一个类的隐藏跨度。如何设置该函数，使其仅显示选定div的子跨度（而不是显示页面上的所有跨度）

以下是我的jquery函数：

$(".thumb").hover(
    function() {
       $(".blurb").show();
    },
    function(){
       $(".blurb").hide();
    }
);

    $(".thumb").hover(
        function() {
            $(this).find(".blurb").show();
        }, function() {
            $(this).find(".blurb").hide();
        }

    );

您可以查看。谢谢

使用

$（this）.children（）

而不是再次执行全局查询：

$（“.thumb”）.hover（函数（）{
$（this.children（）.show（）；
}，函数（）{
$（this.children（）.hide（）；
});

工作演示：

---

注意：如果您不介意支持InternetExplorer6，您可以完全避免jQuery/JavaScript，使用CSS的

：hover

伪类，它甚至可以在禁用JS的情况下工作。或者您可以使用类似垫片的工具来处理

：hover

。有关示例，请参见

这就是这个的目的

$(".thumb").hover(
    function() {
       $(this).children('.blurb').show();
    },
    function(){
       $(this).children('.blurb').hide();
    }
);

---

首先选择div，然后选择其子项，例如

$("#mydiv").children(".blurb").show();

---

这里有另一个使用“查找”功能的解决方案：

$(".thumb").hover(
    function() {
       $(".blurb").show();
    },
    function(){
       $(".blurb").hide();
    }
);

    $(".thumb").hover(
        function() {
            $(this).find(".blurb").show();
        }, function() {
            $(this).find(".blurb").hide();
        }

    );

---

这是一个很好的答案。也可以在children（）中使用选择器。所以，如果你只想要你能做的第一个跨度。孩子们（'span:first'）@mrtsherman:是的，没错。但是，如果不需要，我建议不要使用选择器-它需要解析，并且每个元素都需要针对它进行测试，因此它更像是一个性能猪。如果您悬停的是div，那么您应该使用其他人建议的

$（this）

，这太棒了。谢谢