Estou recebendo dentro de uma div novos elementos via PHP usando XMLHttpRequest.
Até ai tudo bem, obtenho os elementos e exibe tudo certinho, porém estou não estou conseguindo obter o ID desses novos elementos utilizando o evento de Click
.
Ex:
<div id="res">
<li class="new" id="50">Novo Elemento</li>
<!-- aqui é inserido o novo elemento via XMLHttpRequest (do PHP). -->
</div>
no meu JS faço (mas não funciona):
var el = document.getElementsByClassName('new');
for(var i = 0; i < el.length; i++){
el[i].addEventListener('click', function(){
alert( this.getAttribute('id') ); //aqui seria o ID que to precisando. :(
}, false);
}
Preciso de algo semelhante ao code abaixo, só que em JavaScript(Puro) sem usar JQuery:
$('#res').on('click', 'li.new', function(){
alert( $(this).attr('id') ); //aqui retorna certo...
});
Pesquisei pelo Google mas não encontrei nada.
Como poderia fazer isso?