Javascript Close Modal Window任意のリンクをクリックしたとき

Question

モーダルボックスに表示されるハイパーリンクが3つあります。リンクの1つをクリックすると、モーダルボックスが閉じます。リンクの

例：

<a href="javascript:void(0)" class="cat">Link 1</a> 
    <a href="javascript:void(0)" class="cat">Link 2</a> 
    <a href="javascript:void(0)" class="cat">Link 3</a> 

私はリンクのインデックスを指定した場合、私は成功したモーダルを閉じることができました。

var links = document.getElementsByClassName("cat")[2]; 

関数が呼び出された後、「なし」としてモーダルを表示します。ここでは

links.onclick = function() { 
    modal.style.display = "none"; 
} 

である私が合格していますので、これが唯一の第三のリンクを閉じますJfiddle example...

[2]私はリンクのいずれかがクリックされたときにモーダルを閉じることができるようにしたいと思います。

助けてください。あなたが唯一の第三リンクにonclickリスナーを割り当てる

乾杯

Answer 1

。 forループを使用して、すべてのリンクにリスナーをonclick割り当てることができます。

変更

var links = document.getElementsByClassName("cat")[2]; 

JSFiddle