jaquery cambiar color de fondo

Citar

Escrito el 14 Ago 2012 06:38 am

buenas compañeros , me estoy iniciando en el desarrollo web y en jquery concretamente y tengo un problema con el cambio de color de un li ,se trata de un menu como este:

Código HTML :

<div id="menu">
         <ul>
            <li><a href="images.html" target="contframe" >Imagenes</a></li>
            <li><a href="googlemap.html" target="contframe">Ubicación</a></li>
            <li><a href="#" target="contframe">Menus</a></li>
            <li><a href="contacto.html" target="contframe">Contacto</a></li>
         </ul>
      </div>

y necesito que al hacer click en algun <a> se cambie el color de fondo del li que lo contiene , solo he conseguido hacer que cambien de todos ,no solo el seleccionado , un saludo y gracias de antemano.

Por rafaxplayer

12 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Ago 2012 12:11 pm

y si posteas el js que tenes hecho?

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 14 Ago 2012 12:26 pm

Pues como no usas muchos id y class en tu código HTML, esta es la solución:

Código HTML :

<script type="text/javascript">
$(document).ready(
   function () {
      $('a').click(
         function () {
            $('#menu ul').children("li").removeClass('color1');
            $(this).parent("li").addClass('color1');
            return false;
         }
      );
   }
);
</script>
</head>
<body>
<div id="menu">
         <ul>
            <li><a href="">Imagenes</a></li>
            <li><a href="">Ubicación</a></li>
            <li><a href="">Menus</a></li>
            <li><a href="">Contacto</a></li>
         </ul>
      </div>
</body>
</html>

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 14 Ago 2012 12:29 pm

Que grande DriverOp!!
Un groso!

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 15 Ago 2012 06:00 am

Gracias compañeros , ya lo logre gracias a vuestra ayuda con este código:

Código Javascript :

$(document).ready(
   function () {
      $('#menu ul li a').click(
         function () {
            $('#menu ul li').css("background-color","#1c1f21");
            $(this).parent("li").css("background-color","#10e510");
            return false;
         }
      );
   }
);

Ahora me surge otra duda .. resulta que quiero modificar el a:hover del css , se usa tambien la funcion .css?
¿como seria?

Por rafaxplayer

12 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 15 Ago 2012 05:24 pm

Con JQuery no puedes pero para eso existen las clases, simplemente cambia una class por otra como lo he hecho en el código que está en mi mensaje anterior.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web