如何使用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
});

Answer 2

这是使用coffeescript的武士代码

$('.close').click() ->
    $(this).parent().hide()

// or on 1 line
$('.close').click() -> $(this).parent().hide()

// fat arrow version, not 100% sure on this, typing from ipad
$('.close').click(e) => $(e.target).parent().hide()

http://jashkenas.github.com/coffee-script/