Estoy usando este código para controlar una transformación en elementos. Al hacer clic, quiero que cualquier cosa con la clase has-transform se configure con un índice z alto, digamos 99. Otro clic debería restablecer el índice z a su valor original.
Intenté agregar esto a la función de clic, pero no tuvo efecto: $('.has-transform').css('z-index', 99);
/// el código ///
<style> .has-transform, .transform_target .et-pb-icon { transition: all 400ms ease-in-out; } .toggle-transform-animation { transform: none !important; } #transform_target { cursor: pointer; } .toggle-active-target.et_pb_blurb .et-pb-icon { background-color: transparent; } </style> <script> (function($) { $(document).ready(function(){ $('#transform_target').click(function(){ $('.has-transform').toggleClass('toggle-transform-animation'); }); }); })( jQuery ); </script>Si tiene más de 1 elemento con la clase '.has-transform' , $('.has-transform') devolverá una colección iterable.
Cada uno de los elementos de esta colección debe manejarse por separado, cada uno debe tener su propio método toggleClass llamado:
$('.has-transform').each(function(){ $(this).toggleClass('toggle-transform-animation'); // where this is an item of the collection });