Jquery 无法选择父div类
我正在处理一个简单的jQuery元素,但我似乎无法选择正确的div。我有两个div称为“container\u vragen”,在div中有一些隐藏的div。现在我有一些显示隐藏div的按钮,但它在“container_vragen”div中都显示了它。但我只想在其中一个节目中展示它Jquery 无法选择父div类,jquery,selector,Jquery,Selector,我正在处理一个简单的jQuery元素,但我似乎无法选择正确的div。我有两个div称为“container\u vragen”,在div中有一些隐藏的div。现在我有一些显示隐藏div的按钮,但它在“container_vragen”div中都显示了它。但我只想在其中一个节目中展示它 $('.open_sub_ja , .open_sub_no').click(function() { $(this).parents().find('.submenu').fadeIn(500);
$('.open_sub_ja , .open_sub_no').click(function() {
$(this).parents().find('.submenu').fadeIn(500);
});
$('.akkoord').click(function() {
$(this).parents().find('.submenu').fadeOut(500);
});
我这里有一个小jsFiddle用parent()
代替parent()
,如下所示:
$(this).parent().find('.submenu').fadeIn(500);
因为将返回所有父级,直到文档根,这不是您想要的,您只需要向上搜索一个父级,然后找到.submenu
元素,所以只需向上搜索您使用的一个父级。将父级()
替换为父级()
,如下所示:
$(this).parent().find('.submenu').fadeIn(500);
因为将返回所有父级,直到文档根,这不是您想要的,所以您只需要向上搜索一个父级,然后找到.submenu
元素,因此只需向上搜索一个父级即可使用。使用.parent()
而不是.parents()
检查中给出的jQuery API文档,使用.parent()
而不是.parents()
检查在中给出的jQuery API文档您可以使用选择器筛选您的祖先:
$(this).parents(".container_vragen").find('.submenu').fadeIn(500);
已更新。您可以使用选择器筛选您的祖先:
$(this).parents(".container_vragen").find('.submenu').fadeIn(500);
更新。是的,我刚刚意识到我的错误!如果不在parents()的值中加一个div,parents()将返回body div(我想)。是的,我刚刚意识到我的错误!如果不在parents()的值中添加div,parents()将返回body div(我认为)。