cambiar li activo al hacer clic en un enlace jquery

Quiero hacer un menú y cambiar la clase al hacer clic.

Cuando hago clic en el “li” sin class="active" , quiero que jquery agregue una clase en el

  • vacío y lo elimine del otro “li”.

     
  • data
  • data 2
  • Puede alguien ayudarme ? 🙂

    Creo que te refieres a esto:

     $('li > a').click(function() { $('li').removeClass(); $(this).parent().addClass('active'); }); 
  •  // When we click on the LI $("li").click(function(){ // If this isn't already active if (!$(this).hasClass("active")) { // Remove the class from anything that is active $("li.active").removeClass("active"); // And make this active $(this).addClass("active"); } }); 
     $('li').click(function() { $('li', $(this).parent()).removeClass('active'); $(this).addClass('active'); } 
     $(window).load(function(){ page=window.location.pathname.split("/").pop(); menuChildren = $('a[href="' + page + '"]'); $(menuChildren).parent('li').addClass('active'); }); 

    El código anterior buscará la URL y sacará el último elemento (que es el nombre del archivo). Luego encuentra la etiqueta ancla con el atributo href que tiene el mismo valor de la url luego pone una clase activa para su etiqueta padre li

    Esto debería acercarte.

     $("li").click(function() { $("li").removeClass("active"); $(this).addClass("active"); });