0

<div>クラス属性で定義された内で動作するように設定されたjQueryクリック関数があります。次のように、親クラスに基づいてclick（）の動作を制御する必要があります。

サンプルHTML

<div class="rightContentBlock test">
    <img src="../themes/simple/images/close.png" alt="close button" class="closeButton" />
    <h3>Column Header</h3>
    <p>Column Content A</p>
</div> <!-- end rightContentBlock1 -->

<div class="rightContentBlock">
    <h3>Column Header</h3>
    <p>Column Content B</p>
</div> <!-- end rightContentBlock2 -->

<div class="rightContentBlock">
    <h3>Column Header C</h3>
        <p>Column Content</p>
</div> <!-- end rightContentBlock3 -->

jQueryコード

// toggle hidden block in profileBlock on page header
$('img.closeButton').click(function(){
    $('div.test').hide();
});
// end toggle hidden block

testクラスをハードコーディングすることで、これを機能させることができます。ページ全体で時々閉じるボタンを使用したい。<div class="rightContentBlock">各ブロックを個別にハードコーディングせずに識別する方法はありますか？

4

1 に答える 1

1

closest()jQuery のメソッドを探しています。

$('img.closeButton').click(function(){
    $(this).closest('.rightContentBlock').hide();
});
于 2013-01-01T19:20:15.813 に答える