Seleccionar solo 1

[lalosinger]

Quiero cambiarle clase para cambiar el background pero cuando seleccione otro p dejar la primera clase que tenia

este es mi script

Código:

$(document).ready(function() {
	$('p').click(function(){
		$(this).addClass("select");
		});
	});

esta es mi tabla

Código HTML:

<table>

	<tr>
    	<td class="indice">A</td>
        <td class="invisible">0</td>
        
        <td><p class="vacio">16</p></td>
        <td><p class="vacio">15</p></td>
        <td><p class="vacio">14</p></td>
        <td><p class="vacio">13</p></td>
        <td><p class="vacio">12</p></td>
        <td><p class="vacio">11</p></td>
        <td><p class="vacio">10</p></td>
        <td><p class="vacio">9</p></td>
        <td><p class="vacio">8</p></td>
        <td><p class="vacio">7</p></td>
        <td><p class="vacio">6</p></td>
        <td><p class="vacio">5</p></td>
        <td><p class="vacio">4</p></td>
        <td><p class="vacio">3</p></td>
        <td><p class="vacio">2</p></td>
        <td><p class="vacio">1</p></td> 

[Alexis88]

Hazlo así:

Código Javascript:

$("p").on("click", function(){
    $("p.select").removeClass("select");
    $(this).addClass("select");
});
 

Tomo al párrafo que tenga la clase 'select' y se la quito, luego, al elemento al que le acabo de dar el clic, le adhiero la clase en cuestión. De esta manera, el elemento previo, queda con la clase que originalmente tenía y al elemento clickeado, le asigno la clase.

Saludos