Realmente lo que haces sí funciona, pero tienes dos errores:
- No estas seleccionando bien el
<td>
, no sé como sea tú ejemplo ya que no colocas todo tu HTML, pero te dejo un ejemplo con una tabla aparte.
- En el método de
.css
estás agregando mal el primer argumento debe de ir así .css("background-color", color_fondo_tabla);
sin los ":".
Cualquier duda hazla saber.
$( document ).ready(function() {
$("#generar").click(function(){
var color_fondo_tabla = $("#color_fondo").val();
console.log(color_fondo_tabla);
$("td").css("background-color", color_fondo_tabla);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="Generar" id="generar">
<input type="color" id="color_fondo">
<table border="1">
<th>
Nombre
</th>
<tr>
<td>
</td>
</tr>
</table>