-2

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

$('.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);
    });
});

我有一个名为 .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>

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

4

1 回答 1

1

只需使用.closest-- 这将使用给定的选择器获得最近的父级:

$(this).closest('.container_vragen');
于 2013-01-08T22:54:03.103 回答