Javascript schließen modale Fenster, wenn eine Verknüpfung geklickt wird

Question

Ich habe 3 Hyperlinks, die in einer modalen Box angezeigt werden. Wenn ich auf einen der Links klicke, wird die modale Box geschlossen.

Beispiel Verbindungen:

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

Ich habe erfolgreich in der Lage, die modal zu schließen, wenn ich den Index des Link angeben.

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

Eine Funktion aufgerufen wird und zeigt dann die modal als "none":

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

Hier ist ein Jfiddle example...

Dies wird nur die dritte Verbindung schließen, weil ich vorbei bin [2] , aber ich möchte in der Lage sein, das Modal zu schließen, wenn auf einen der Links geklickt wird.

Jede Hilfe wird geschätzt.

Prost

Answer 1

Sie die Zuordnung der onclick Zuhörer nur bis 3. Link. Sie können einfach eine for-Schleife verwenden, um jedem Link onclick Listener zuzuordnen.

ändern

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

zu

var links = document.getElementsByClassName("cat"); 

Und for-Schleife als

for(i=0; i<links.length;i++){ 
    links[i].onclick = function() { 
    modal.style.display = "none"; 
    } 
} 

JSFiddle Aktualisiert