javascript目的のための2つの要素をリンクします。

Question

私はマップ領域に細分された画像を持っています。ある領域をクリックすると、特定の領域の色（画像のsrc）が変更され、javascript（jquery）のおかげです。ここまでは順調ですね。 しかし、「ミラー領域」を含む別のイメージもあります。これは、最初のイメージの対応する領域をクリックすると変更する必要があります。 2つ目のイメージには、1つまたは2つのミラー領域があります（もちろん、両面を行う必要があります）。

質問は、私は1つをクリックするとミラーイメージのsrcを変更できるように、それらの領域を "リンク"できますか？ （その属性、IDなどを取得して、それを変更できるようにする）

ありがとう！

Answer 1

マッピングしたいそれぞれの対応する領域に同じクラスがある場合は、それを簡単に実行できるはずです。

あなたはあなたのコードの一部を投稿することができ、あなたが

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

ない、これは