Quiero agregar estilos css con jquery a un elemento cuando otro elemento se desplaza, el problema es que este otro elemento ya tiene un efecto de desplazamiento css, ¿cómo puedo apuntar a este elemento ya desplazado con jquery? Es una galería de imágenes que tiene un color superpuesto al pasar el mouse, lo que quiero hacer es agregar un efecto de opacidad a una etiqueta h3 cuando la imagen de la galería se desplaza. Este es el enlace: estudiodecimal.com/proyectos/ Aquí hay un código que probé
$(".et_pb_gallery_image img").on('hover', function() { $("h3.et_pb_gallery_title").css("opacity", 1); });No estás apuntando al h3 correctamente. Dado que tanto el H3 como el img comparten un padre común, puede encontrar el h3 a través de close closest() y find() , así. Agregué un fundido de entrada y salida en lugar de mostrar/ocultar.
$(".et_pb_gallery_image img").hover(imgHover, imgHover) function imgHover(e) { let o = $(this).closest('.et_pb_gallery_item').find("h3"); if (e.type == 'mouseenter') o.fadeIn(); else o.fadeOut() } h3 { display: none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='et_pb_gallery_item'> <div class='et_pb_gallery_image'> <img src='https://picsum.photos/200/300' /> </div> <h3>Title</h3> </div>