1

可能重复：
jquery 遍历查找父级的父级

我在使用 jQuery 选择器时遇到了一个小问题，在尝试了一段时间后，我决定需要一些帮助。

我有一个名为 .submenu 的类，其中 .submenu 是一个带有“groen”类的 <p> 元素。.submenu 元素位于类“container_vragen”的 div 中。这是一个名为“#content_vragen”的容器 id。

<div id="content_vragen">

    <div class="container_vragen">
        <div class="submenu">
            <p class="groen">groen</p> 
        </div>
    </div>

    <div class="container_vragen">
        <div class="submenu">
            <p class="groen">groen</p> 
        </div>
    </div>

    <div class="container_vragen">
        <div class="submenu">
            <p class="groen">groen</p> 
        </div>
    </div>

</div>

$('.submenu').on('click','.groen',function() {
    $(this).parents('#content_vragen').find('.container_vragen').fadeOut(400, function() {
        $(this).parents('#content_vragen').find('.container_vragen').css('overflow', 'hidden');
        $(this).parents('#content_vragen').find('.container_vragen').appendTo("#geregeld");
        $(this).parents('#geregeld').find('.container_vragen').css('color', 'green');
        $(this).parents('#geregeld').find('.container_vragen').fadeIn(400);
    });
});

所以我相当简单的问题是：我怎样才能只对单击 .groen 类的 .container_vragen 类执行操作。我以为我必须选择它的父级（.groen 按钮）并将其返回到 .container_vragen，但这样它会选择所有 .container_vragen 元素。只是为了让事情更容易这里是整个项目的 jsFiddle：http: //jsfiddle.net/86Hcc/

4

1 回答 1

2

您可以使用最近的班级closest()

$('.submenu').on('click','.groen',function() {
    $closestDiv = $(this).closest('.container_vragen');
    $closestDiv.fadeOut(400, function() {
        $closestDiv.css('overflow', 'hidden');
        $closestDiv.appendTo("#geregeld");
        $(this).parents('#geregeld').find('.container_vragen').css('color', 'green');
       $(this).parents('#geregeld').find('.container_vragen').fadeIn(400);
   });
});
于 2013-01-08T23:36:28.573 回答