Как мне закрыть этот диалог с помощью JQuery?Используете Coffeescript?

Question

Я собираю новое приложение и, хотя я обычно использую JQuery для подобных вещей, я бы хотел сравнить его с Coffeescript и выбрать правильный подход. Более того, я хочу убедиться, что понимаю, как правильно вызывать JQuery с помощью coffeescript.

Диалог находится в следующем разделе:

<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/