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

查看 parentsUntil

jQuery选择父级

2 个答案: