Asigna dinámicamente el evento a los Divs:
Código Javascript
:
Ver originalvar divs = document.getElementsByClassName("x"),
total = divs.length;
for (i = 0; i < total; i++){
(function(indice){
divs[indice].addEventListener("click", function(){
alert(this.title);
}, false);
})(i);
}
Primero, tomo todos los elementos con la clase "x" y hallo la cantidad que representan. Luego, con ayuda de un bucle For y el método
addEventListener, asigno un evento
escuchador a cada Div, en donde al producirse un clic en cada uno de ellos, se ejecutará una función en la que se mostrará su título en un mensaje de alerta. Utilizo una función anónima autoejecutable para asignar correctamente el evento y función a cada Div.
Así se ve en ejecución:
http://jsbin.com/ESuKoYex/1
Saludos