单击按钮更改图像特定部分的颜色

Question

我所拥有的是许多球的图像，随机放入其中 我想要一些代表颜色的按钮，当你点击按钮时，球会根据你选择的颜色改变颜色。
球将分为三类，总是变为相同的颜色，你可以选择10种不同的颜色。
例如，如果我有9个球，球1,3,5,2,4,9和8,7,6将选择第一，第二和第三种颜色（按钮）。但是这些球并不是另一个球，它们位于图像的不同部分 我搜索了很多，但我找不到一种方法来做到这一点。有办法吗？我是否必须使用多个图像或其他内容？我什么都想不到。

Answer 1

每个球都是HTML元素（div或其他）更好。 你可以设置背景图像，每个球都是html元素。

然后您可以设置处理球点击的事件。 例如：

$('.ball-green').click(function(){
    $(this).removeClass('ball-green').addClass('ball-red');
});

Answer 2

您肯定需要为每个图像使用具有不同ID的多个图像。

根据单击按钮，您将获取所需图像的ID，并更改要更改的每个球的背景图像。