muy buenas comunidad.
pues estoy intentando a través de jquery, asignarle a un div, sobre el que hago click, una clase, y al presionar otro div, esta clase se le asigne a este nuevo, y se le quite al anterior.
El problema que las imágenes se me generan automáticamente, todas con el mismo id, y claro, si tengo 7 imágenes pues estas 7 tienen el mismo id.
de esta manera consigo lo que quiero:
Código PHP:
<script>
$(document).ready(function(){
$("img#aa").on('click',function(event){
$(this).addClass("AA");
$(".owl-carousel .owl-item").addClass("BB");
});
$("img#aa").mouseenter( function(){
$("img#aa").removeClass("AA");
});
});
</script>
pero claro con el metodo .mouseenter.
Si intento cambiarlo a .on al llamarse los 2 divs iguales, en la misma función le estaría diciendo que al presionar sobre img#aa tanto se le asigne, como se le quite la clase AA, por lo tanto no funcionaria.
de que forma puedo hacerlo?
Gracias