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