Question

我正在研究一个简单的jQuery元素，但我似乎无法选择正确的div。我有两个叫做“container_vragen”的div，div里面有一些隐藏的div。现在我有一些按钮显示隐藏的div，但它显示在“container_vragen”div中。但我想只在其中一个div中显示它。

$('.open_sub_ja , .open_sub_no').click(function() {
        $(this).parents().find('.submenu').fadeIn(500);
    });

    $('.akkoord').click(function() {
        $(this).parents().find('.submenu').fadeOut(500);
    });

我在这里有一个小jsFiddle http://jsfiddle.net/YGArt/

Answer 1

您可以使用选择器过滤您的祖先：

$(this).parents(".container_vragen").find('.submenu').fadeIn(500);

更新了fiddle。

Answer 2

将parents()替换为parent()，如下所示：

$(this).parent().find('.submenu').fadeIn(500);

因为.parents()将返回所有父项，直到文档根目录，这不是你想要的，你只想找一个父母然后找到.submenu元素，所以只需要一个父母你使用.parent()。

Answer 3

使用.parent()代替.parents()

检查http://api.jquery.com/parents/

中给出的jQuery API文档

无法选择父div类

3 个答案: