Cambiar class con jquery.

[Alexis88]

Para evitar el problema con los Id, toma el elemento al que le has dado clic con la propiedad target del evento click. Un pequeño ejemplo:

Código HTML:

<span id = 1>Uno</span>
<span id = 2>Dos</span>
<span id = 3>Tres</span>
<span id = 4>Cuatro</span>
<span id = 5>Cinco</span>
 

Código CSS:

span{
    background: green;
    color: white;
    font-size: 1.5em;
    display: block;
    margin-bottom: .5em;
    text-align: center;
    cursor: pointer;
}
 
.red{
    background: red;
}
 

Código Javascript:

$(window).click(function(e){
    if (e.target.tagName == "SPAN")
        if (!$(e.target).hasClass("red"))
            $(e.target).addClass("red");
        else
            $(e.target).removeClass("red");
});
 

Cuando le des clic a alguno de los <span>, originalmente tomará la clase red y cambiará el color de fondo, pero si le vuelve a dar clic, se le quitará dicha clase y tomará nuevamente el color verde.

Aquí lo puedes ver en funcionamiento: http://jsfiddle.net/x8aLZ/

Saludos