JQuery를 사용하여이 대화 상자를 닫으려면 어떻게해야합니까? Coffeescript 사용?

Question

나는 새로운 앱을 만들고있다. 나는 보통 이런 식으로 JQuery를 사용하지만, Coffeescript와 비교하고 올바른 방법을 선택하고 싶다. 또한 coffeescript를 사용하여 JQuery를 올바르게 호출하는 방법을 이해하고 있는지 확인하고 싶습니다.

대화 상자에는 다음과 같은 사업부에 있습니다

<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

하는 samura 코드가 커피 스크립트

$('.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/