javascript - 使用 javascript 为 HTML 表格单元格分配颜色

Question

我正在尝试创建一个 HTML 表格，用户可以在其中选择一种颜色，当拖动到表格单元格或列出相同的颜色时，应该将相同的颜色应用于这些表格单元格，这是我的表格应该如何看起来的示例http://pekas .lbclients.info/SchedulesWorkManage.php ,

这是另一个使用 jquery 的示例http://jsfiddle.net/few5E/，我想要一些与此类似的东西，但我想通过选择颜色向表中添加不同的颜色。

我是 javascript 的新手，所以任何有关这方面的帮助都会非常有帮助。

提前致谢！

Answer 1

因此，如果您要拥有具有 .color-selection 类的 div 或表格单元格，那么当被单击时，您将拥有类似的内容：

<div style="background-color: blue;">Blue</div>
<div style="background-color: green;">Green</div>
<div style="background-color: red;">Red</div>

var selectedColor = "black";

$('.color-selection').click(function(){
   selectedColor = $(this).css('background-color');
 });

然后，当您单击表格单元格时，您只需通过执行以下操作将 selectedColor 变量分配给单元格的样式：

$('table td').click(function(){
   $(this).css('background-color', selectedColor);
});