-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 に答える