用jQuery正确隐藏`<div>`？</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在单独的div类.success中查找div类alert-message。

Answer 2

选择器无效。删除“成功”，它应该是GTG。

检查JSFiddle以确认：http://jsfiddle.net/bP6g4/

Answer 3

始终首选不在名称中使用Spaces。喜欢'下划线'或'camelCase'。空间充当分隔符。

当你说$('.alert-message success') jQuery解释在'alert-message'类中有一个名为'success'（即<success>）的 HTML元素时，让我们隐藏元件。因此，即使代码正确，它也不会提供正确的输出。