Funktion für Klasse dynamisch ohne jquery hinzufügen

Question

Ich habe Pfeil mit Klasse detail und nach Klickereignis füge ich Klasse 'schließen' hinzu.

Wie kann ich Funktion für diesen Pfeil mit close Klasse?

var arrow = document.querySelector('.arrow-down.detail'); 
var imgs = document.querySelectorAll('div.img'); 
for (i = 0; i < imgs.len; i++) { 
    imgs[i].onclick = function(e) { 
     this.classList.add('active'); 
     arrow.style.transform = 'translate(-50%, -50%) rotate(90deg)'; 
     arrow.style.color = '#000'; 
     arrow.style.borderColor = '#000'; 
     arrow.classList.add('close'); 
    } 
}; 

Ich brauche etwas wie folgt aus:

$('.detail.close').click(function(){ 
}) 

Answer 1

Wenn Sie Code wie unten machen, wird es für alle Klickereignisse auf das Körperelement hören, werden aber nennen es Rückruf es kommt von‘.detail. close 'only' body 'muss existieren, wenn der Code unter dem Code steht. Es löst dein Problem.

$('body').on('click', '.detail.close', function(){ 
    // do sth 
}); 

Happy Hacking und frohe Feiertage!