Изменить текст в Div, используя jQuery, MetaData и Map

Question

Я новичок в jQuery, и у меня есть карта с плагином подсветки , когда при наведении курсора мыши на область я хочу изменить текст в div с идентификатором и текст, который я получу.из атрибута области Alt = "некоторый текст"

Вот код, который используется для циклов области, я почти уверен, что могу добавить небольшую функцию здесь, но я не смог понять это.

//map 
clicks$(".tabs area").click(function(){

   //areas loop:
   $(".tabs area").each(function(){
       var d = $(this).data('maphilight') || {};
       if(d.alwaysOn == true){
         d.alwaysOn = false;  
       }
     });

   var data = $(this).data('maphilight') || {};
   data.alwaysOn = true;
   $(this).data('maphilight', data).trigger('alwaysOn.maphilight');

   if ($(this).hasClass("current") == false)
   {
       var thisTarget = $(this).attr("href");                          
       $(this).parents(".tabs").find('area.current').removeClass('current');
       $(this).addClass('current');  
       $(this).parents(".tabs").nextAll(".tab-content").children(":visible").fadeOut(1, function() {
           $(thisTarget).fadeIn("fast");
       });

   }
   return false; 
});

Любая помощь или предложения о том, как я могу это сделать, будут высоко оценены.

Answer 1

Я не знаком с плагином подсветки, но я думаю, что вы просто хотите добавить событие наведения мыши в каждую область следующим образом (вы бы поместили это до / после объявления .click):

$(".tabs area").mouseover(function() {
        var alt_text = $(this).attr('alt');
        $("#YOUR_TEXT_DIV_ID").html(alt_text);
    }).mouseout(function() {
        //do something on mouseout
});