为 javascript 目的链接两个元素答案

【问题标题】：Link two elements for javascript purpose为 javascript 目的链接两个元素
【发布时间】：2012-03-01 09:12:56
【问题描述】：

我将图像细分为地图区域。当您单击一个区域时，该特定区域的颜色（图像的 src）会发生变化，这一切都归功于 javascript (jquery)。到现在为止还挺好。但是我还有第二张包含“镜像区域”的不同图像，当我单击第一张图像中的相应区域时，它也必须更改。可以是第二张图片中的一个或两个镜像区域（当然，我必须在两边都做）。

问题是，我可以“链接”这些区域，以便当我点击一个区域时，我可以更改镜像的 src 吗？（获取它的属性、它的 id 或任何可以让我改变它的东西）

谢谢！

【问题讨论】：

你能发布一些你的代码吗？
您介意发布您的 src。或在这里摆弄以更好地了解您要做什么。
您绝对可以这样做，但我同意 limjohn 的观点，请将您的代码发布在 jsfiddle 上，以便我们向您展示。
这里是小提琴：jsfiddle.net/Xe2MJ/6第一个靶心改变颜色（不要垃圾点击它有点滞后），其他图像上的“data-areanum”属性对应于它的id第一张图片上的链接

标签： javascript html image

【解决方案1】：

如果您要映射的每个对应区域都有相同的类，您应该可以轻松完成。

如果您有 2 个图像要镜像

<img class="area1" ...>
<img class="area1" ...>

<img class="area2" ...>
<img class="area2" ...>

Then you could have something like

$("img").click(function(){
   //Select all elements with this class and add a border for example
   $("."+$(this).attr("class")).css("border","1px solid red");
});

不确定这是否有帮助

【讨论】：

哇，我的代码太复杂了，我忽略了这个简单的解决方案 -_- 非常感谢！