Cambio de clase CSS con JQuery

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>