どのようにboostrapアラートを解除するのですか？

Question

Here解任ブートストラップについての例である：

<div class="alert alert-warning alert-dismissible" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
     <span aria-hidden="true">&times;</span></button> 
    <strong>Warning!</strong> Better check yourself, you're not looking too good. 
</div> 

私はbuttonに添付javascriptのハンドラはdiv elemntを閉じるために何をどのように決定するかundestandしません。 divの要素があり、class="alert alert-warning alert-dismissible"とrole="alert"の場合 - フレームワークが正しい要素を隠す方法を検出する方法

P.S.role="alert"を削除すると安定しますか？

Answer 1

ボタンは、警告要素内であり、それは親（S）情報にイベントリスナーを容易に、兄弟など、その要素からイベントが発生した要素とトラバースを単離することができる

フレームワーク無し

簡略化した例：

$('.alert .myButton').click(function() { 
 
    // "this" is instance of myButton event occured on 
 
    $(this).closest('div.alert').hide() 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="alert"> 
 
    Content 1 <button class="myButton">Hide Content 1</button> 
 
</div> 
 

 
<div class="alert"> 
 
    Content 2 <button class="myButton">Hide Content 2</button> 
 
</div>