用jQuery正确隐藏`<div>`？

Question

我有以下HTML:

<div class="alert-message success">
  <a class="close" style="display: none; ">×</a>
  <p>Authenticated as Zach.</p>
</div>

以下是jQuery:

$('.close').click(function(){
  $('.alert-message success').hide('slow');
});

隐藏一个有什么根本性的错误<div>吗？如果我隐藏了.close,没有问题.我不知道为什么这不起作用.

Answer 1

它需要是:

$('.close').click(function(){
  $('.alert-message.success').hide('slow');
});

有了$('.alert-message success'),你要求JQuery .success在一个单独的div类中查找一个div类alert-message.