Intentar realizar una acción cuando <figure> con la clase .woocommerce-product-gallery__wrapper tiene otra clase junto a ella: .test .
Esta clase .test se coloca allí mediante otro botón activado por JavaScript que activa y desactiva la clase. Así que este evento tendría que seguir escuchando.
if($( ".woocommerce-product-gallery__wrapper" ).hasClass( "test" )){ console.log('Hello'); // I have the 'hidden' class };Siento que esto es algo súper fácil y, como novato de JS, estoy haciendo algo súper estúpido/faltando algo.
Considera lo siguiente.
if($(".woocommerce-product-gallery__wrapper.test" ).length > 0){ console.log('Found Test Element'); } Esto seleccionará todos los elementos con ambas clases, woocommerce-product-gallery__wrapper y test .
También puedes hacer algo como.
$(".woocommerce-product-gallery__wrapper").each(function(i, el){ if($(el).hasClass("test")){ console.log("Found Test, Index: " + i); } }); Esto iterará cada elemento con la clase woocommerce-product-gallery__wrapper y verificará si tiene la clase de test . Esto es útil cuando desea realizar una acción solo en esos elementos.
También puede usar .filter() como este.
$(".woocommerce-product-gallery__wrapper").filter(".test").css("background", "yellow");Hay muchas maneras de encontrar un elemento específico.
Probar:
if(document.querySelector('.woocommerce-product-gallery__wrapper').classList.contains('test')){ console.log('Hello'); };