jQuery选择父级

Question

我有这个HTML;

<div class="AttachmentContainer">
  <div class="display-label">Attachment name</div>
  <div class="display-field">
    <input type="checkbox" id="chkAttachment" class="Attachment" /> 
    <%= thisAttachment.filename%>                                
  </div>
</div>

然后点击复选框我有这个jQuery代码;

$(this).parent(".AttachmentContainer").hide();

但它不起作用。 如果我警告html（）而不是hide（）它是null。

如果我改成它;

$(this).parent().parent().hide();

它工作正常。 我认为在父母身上放一个选择器会一直向上移动，直到找到具有该类名的父亲。

我不想使用parent().parent()那么还有什么呢？

编辑

.parents("....也不起作用。

Answer 1

您可以使用closest方法来实现此目的：

$(this).closest('.AttachmentContainer').hide();

Answer 2

看看父母们