我在使用 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/