Question

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

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

谢谢！

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

不确定这是否有帮助

为javascript目的链接两个元素

1 个答案: