Tengo un GRID, al hacer click dentro de una de las celdas ( DIV ) cambia de color, debo guardar ese cambio.
<!-- Cambia la casilla en el grid -->
<script type="text/javascript">
$(document).on('click','#a', function() {
$(this).toggleClass('bg-color');
});
</script>
<!-- Cambia la casilla en el grid -->
<div id="main-wrapper">
<?php require 'inc/header.php'; ?>
<div class="wrapper-pad">
<h2>Posiciones Libres</h2>
<div id="table-head">
<div>-------------------- Pasillo 1 Lado Y ----------------------</div>
<div class="grid-container">
<div id="a">1</div>
<div id="a">2</div>
<div id="a">3</div>
<div id="a">4</div>
<div id="a">5</div>
<div id="a">6</div>
</div>
CSS
/* Cambia la casilla en el grid */
.grid-container > .bg-color{
background-color: red;
}
html
podría ser algo como cuando le das click, agregarle un atributo a ese elementodata-activado="true"