Comunidad de diseño web y desarrollo en internet online

Cambio de clase CSS con JQuery

Citar            
MensajeEscrito el 25 Ago 2019 04:40 pm
Buenas tardes,

Estoy tratando de realizar un cambio de clase, cuando un <li> tiene la clase "active", que muestre la clase ""text-color-dark", y en caso contrario ""text-color-light", pero el código que he programado no hay manera de que funcione.

He hecho variaciones pero no logro que realice ningún cambio. ¿Alguna idea?

Muchas gracias de antemano,

HTML

Código :

<li id="MenuPrinc"><a data-hash href="#1" id="APrinc" class="bg"></a></li>


SCRIPT JQUERY

Código :

<script>

         $( "MenuPrinc" ).click(function() {
 
            if ( $( this ).hasClass( "active" ) ) {
               
               $( "APrinc" ).removeClass( "text-color-light" ).addClass( "text-color-dark" );

               //$( this )
                  //.animate({ left: -10 });

            }

         });
         
      </script>

Por ilscat3b

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 04 Feb 2020 01:07 pm
Hola, por lo que puedo ver de entrada escribiste mal los selectores en el código.

Código Javascript :

$(function() {
   var listItem = $("#MenuPrinc"), listLink = $("#APrinc");

  listItem.on('click', function() {

    if ($(this).hasClass("active")) {
      listLink.removeClass("text-color-light").addClass("text-color-dark");
      //$( this )
      //.animate({ left: -10 });
    }
  });

});


No sé si es lo que quieres hacer, pero te paso este fiddle que hice para que le eches un ojo al código.

https://jsfiddle.net/m2d5yz7u/6/

Saludos!

Por JLSM

262 de clabLevel



 

Venezuela

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.