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'); });