javascript - 如何使用 JQuery 只显示一个 div 的子元素?

标签 javascript jquery html css jquery-selectors

所以我有这个 jquery 函数,它应该在悬停时显示类的隐藏跨度。我如何设置该函数,使其只显示所选 div 的子跨度(而不是显示页面上的所有跨度)?

这是我的 jquery 函数:

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

您可以查看 jsfidde here .谢谢!

最佳答案

这就是 this 的用途!

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

关于javascript - 如何使用 JQuery 只显示一个 div 的子元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5251043/

相关文章:

javascript - 用JS正则表达式去除时间戳

javascript - if 内有多个组合的 if

javascript - 如何将小时转换为天小时和分钟?

html - Windows Phone 8 突出显示输入字段中的颜色

javascript - 如何提取脚本标签内的属性值?

javascript - jQueryUI Sortable - 从可排序列表中删除一个 li

c# - 在asp.net中获取服务器端的html输入值

javascript - 在 react 中切换输入字段表单验证

jquery - 隐藏和取消隐藏相关下拉菜单

html - Internet Explorer 不显示由 CSS 加载的图像