マウスオーバーでハイライトを作成するにはどうすればよいですか？

Question

my pageにマウスを重ねると、右側のハイパーリンクがホバースタイルに変わります。誰かがどのようにして逆のことが起こるかを提案することができますか？右側のハイパーリンクの1つをホバーすると、状態が強調表示されます（状態そのものをホバーするときのように）？

Answer 1

非常に単純にjQueryの.trigger（）を使用します。

例：$('#A0').trigger('mouseover');は、マップ（ワシントン）の最初の要素を強調表示します。

だから、mouseoverイベントにこれを追加することができ<a class="staffs staff-A0" href="#">Washington</a>：

var map_element_id = '#' + this.className.split('-')[1]; 
$(map_element_id).trigger('mouseover'); 

と同様に処理する必要れるonmouseoutもちろんを。 map_element_id変数の割り当てを処理する多くの方法があります。私は別の属性を割り当てることをお勧めしますこれはクラス名（おそらくデータマップID？）ではなく、これを格納する。 ' - 'で分割すると、この例でも動作しますが、 ' - 'を含む要素にクラス名を追加すると、これは失敗します。

Answer 2

マップ領域のIDを取得し、mouseoverイベントをトリガーします。

$('.staff').mouseover(function() { 
    var id = $(this).attr("class").split("-")[1]; 
    $("#"+id).trigger('mouseover'); 
});