Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Cómo cambiar la clase aplicada a un span en varios elementos

28 de marzo de 2017

Hola. Estoy desarrollando una aplicación y tengo varios span. ejemplo:

<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 1</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 2</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 3</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 4</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 5</a>

quiero hacer lo siguiente a través de jQuery.

1) quiero cambiar la clase del un span al hacer click sin que afecte los otros span, para que quede algo asi:

<a id="boton"><span #span class="glyphicon glyphicon-minus"></span> item 1</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 2</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 3</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 4</a>
<a id="boton"><span #span class="glyphicon glyphicon-asterisk"></span> item 5</a>

2) tengo el siguiente código que implemente pero eso implica repetir el código varias veces con diferentes id, y no quiero eso, quiero crear un función general que haga eso.

$('#boton').click(function(){
 $('#span').toggleClass('glyphicon-minus');
});