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();

Answer 2

Посмотрите на parentUntil