jquery - jQuery如何识别父类

Question

我有一个 jQuery click 函数，它设置为在<div>使用类属性定义的 's 内工作。我需要根据父类来控制 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">单独识别每个块的不硬编码？

Answer 1

您正在寻找 jQuery 的closest()方法：

$('img.closeButton').click(function(){
    $(this).closest('.rightContentBlock').hide();
});