consulta jQuery (como indicar que se saque un estilo a los botones no clickeados)

[usuaria]

Tegno esto:

Código:

$(document).ready(function(){
		$('a').click(function(ev) {
			$(this).css({backgroundColor: 'orange'});
			ev.preventDefault();
		});
	});

Lo cual aplica un color al boton cuando es clickeado. Pero como hago para que a la vez que se le aplica un estilo al clickeado, se le saque el estilo al boton que anteriormente fue clickeado y tiene el estilo aplicado. Es decir selecciono un boton, se me aplica un fondo naranaja, selecciono otro se le aplica el mismo fondo, pero como le quito el fondo al primero que fue seleccionado??

[venkman]

¿Has probado esto?

Código:

$(document).ready(function(){
	$('a').click(function(ev) {
		$('a').css({backgroundColor: 'white'}); // O lo que sea (*)
		$(this).css({backgroundColor: 'orange'});
		ev.preventDefault();
	});
});

(*) Seguramente sería más limpio si tuvieras una clase CSS pulsado y lo que hicieras fuera addClass y removeClass. Pero vamos, que es igual


De todos modos... No sé si realmente querrás hacer eso para todos los 'a'. Tú sabrás, claro, pero eso son todos los enlaces de la página.

[JavierB]

Movido al foro de Frameworks desde JavaScript.

Saludos,

[usuaria]

si ya he probado eso y no funciona.

[venkman]

Pues no sé. Es extraño porque lo estoy ejecutando ahora mismo en esta página y me funciona sin problema.

¿Qué error te da?

[owis]

Traté de implementar este codigo. y con firebug me muestra este error.

missing: after propety id
$(this).css({backgroundColor: 'orange'});

Ayuda porfavor :P

[owis]

lo logre hacer funcionar, pero para lo que yo necesitaba era algo asi el script

Código:

<script>
$(document).ready(function(){
		$("#swap-featured ul li").click(function(ev){
			$("#swap-featured ul li").removeClass("active");			
			$(this).addClass("active");
			ev.preventDefault();
		});
});
</script>