Lo único que tienes que hacer es delegar el evento
click
al elemento en el cual se insertan las imágenes dinámicas o al documento mismo, buscar elementos que posean la clase que se va a añadir (por si antes se añadió dicha clase a algún elemento), quitársela si se la encuentra y asignársela al elemento
clickeado.
Código Javascript
:
Ver original$(document).on("click", ".la clase de las imágenes", function(){
if ($(".la nueva clase").length){
$(".la nueva clase").removeClass("la nueva clase");
}
$(this).addClass("la nueva clase");
});
DEMO
Con el método
.removeClass()
retiras una determinada clase de un elemento, mientras que con el método
.addClass()
haces lo contrario.
P. D.: Nunca asignes el mismo
id
a más de un elemento en el mismo documento. Dicho valor debe ser único.
Un saludo