javascript - 如何使用 JQuery 关闭此对话框？使用 CoffeeScript ？

Question

我正在组装一个新应用程序，虽然我通常使用 JQuery 来处理此类事情，但我想将它与 Coffeescript 进行比较并选择正确的方法。此外，我想确保我了解如何使用 coffeescript 正确调用 JQuery。

对话框位于以下 div 中:

<div class="alert-message error">
  <a class="close" href="#">X</a>
  <p>Here is some error text</p>
</div>

样式在对话框的右边距放置了一个“X”。当用户点击“X”时，整个 div 需要消失。

我将使用什么 JQuery 代码或 Coffescript 代码来关闭对话框？此对话框可能出现在网站的任何页面上。

Answer 1

试试这个:

$('.close').click(function(){
  $(this).parent().hide(); //finds parent element of clicked .close and hides it
});