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

【问题标题】：Assigning colors to HTML table cells using javascript使用 javascript 为 HTML 表格单元格分配颜色
【发布时间】：2012-08-09 00:41:31
【问题描述】：

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

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

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

提前致谢！

【问题讨论】：

标签： javascript jquery html

【解决方案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);
});

【讨论】：

我认为这将只允许选择一种颜色，我希望至少有三种颜色（作为按钮），所以当我选择（单击）三种颜色中的一种并拖动表格单元格，所有选定的单元格都应具有该颜色。
如果您试用该代码，您会发现每次单击不同颜色的 div 时，它都会为您提供所需的内容。
创建了一个小提琴jsfiddle.net/few5E/216，效果很好，但我想给它添加一个拖动功能，而不是点击每个单元格，我想拖动并选择，所以所有单元格参与拖动的对象获取选定的颜色。（如 onMouseDown 和 onMouseOver 函数）
非常感谢 jfrey，这真的很有帮助，我会尝试拖动功能，如果有问题会回复你，再次非常感谢。
嗨 jfrey，终于实现了我想要的，这是小提琴jsfiddle.net/28SMv/66，即使与 html 表单 hiddenelements 相关联也能正常工作，但现在我想像第一个 td 一样进行表单验证点击我想要那个值，有什么帮助吗？