Jquery 如何定位已单击元素的最高父级

我想用使用此代码的函数关闭元素的最高父元素，但它不起作用。在这种情况下，我应该如何正确地针对家长

<script>
function autoclose() {
$(this).parents('.Table').hide();
}
</script>
<div class="Table">
    <div class="Heading">
        <div class="Cell">
            <p style="font-family:SimHei;font-size: 25px;"><?php echo $word[$i]; ?></p>
        </div>
        <div class="Cell">
            <p onclick="autoclose();">Correct</p>
        </div>
    </div>
    <div class="Row">
        <div class="Cell">
            <p><?php echo $pinyin[$i]; ?></p>
        </div>
        <div class="Cell">
            <p>Incorrect</p>
        </div>
    </div>
    <div class="Row">
        <div class="Cell">
            <p><?php echo $meaning[$i]; ?></p>
        </div>
         <div class="Cell">
            <p>Result</p>
        </div>
    </div>
</div>

函数autoclose（）{
$（this.parents（'.Table'）.hide（）；
}

正确

不正确


结果

您需要将目标元素作为参数传递给函数

功能自动关闭（e）{
$（e）.parents（'.Table'）.hide（）；
}

正确


不正确


结果

您需要将目标元素作为参数传递给函数

功能自动关闭（e）{
$（e）.parents（'.Table'）.hide（）；
}

正确


不正确


结果

尝试将调用对象作为参数传递给函数

功能自动关闭（e）{
$（e）.parents（'.Table'）.hide（）；
}

正确


不正确


结果

尝试将调用对象作为参数传递给函数

功能自动关闭（e）{
$（e）.parents（'.Table'）.hide（）；
}

正确


不正确


结果

它工作得非常好！谢谢它工作得很好！谢谢