Question

我有一个jQuery点击功能，可以在<div>内使用类属性定义。我需要根据父类控制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();
});

jQuery如何识别父类

1 个答案: