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() 它是空的。

如果我将其更改为；

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

效果很好。我认为在父级上放置一个选择器会继续向上移动，直到找到具有该类名的父级。

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

编辑

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

Answer 1

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

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