Связать два элемента для цели JavaScript

Question

У меня есть изображение, разделенное на область карты. Когда вы нажимаете на область, цвет (src изображения) для этой конкретной области изменяется, все благодаря javascript (jquery). Все идет нормально. Но у меня также есть второе другое изображение, содержащее «зеркальные области», которые тоже должны измениться, когда я нажму на соответствующую область в первом изображении. Это может быть одна или две зеркальные области на втором изображении (и, конечно, я должен сделать это с обеих сторон).

Вопрос в том, могу ли я "связать" эти области, чтобы при нажатии на одну из них я мог изменить src зеркальных изображений? (получить его атрибуты, идентификатор или что-то еще, что позволит мне изменить его)

Спасибо!

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

Неуверен, если это поможет