Question

我正在尝试创建一个HTML表格，用户可以在其中选择颜色，当在表格单元格或列表上拖动时，相同的颜色应该应用于这些表格单元格，这里是我的表格应该如何显示的示例{{ 3}}，

这是使用jquery的另一个例子http://pekas.lbclients.info/SchedulesWorkManage.php，我想要一些与此类似的东西，但我想通过选择颜色为表添加不同的颜色。

我是javascript的新手，所以对此有任何帮助都会非常有帮助。

提前致谢！

Answer 1

因此，如果您要使用具有.color-selection类的div或table单元格，那么在单击时您将具有以下内容：

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

使用javascript为HTML表格单元格指定颜色

1 个答案: