許多隱藏的divs或替換單個div的內容？

Question

當用戶將光標移動到我的頁面上圖像的不同區域時，我正在更新表格的內容，從而給出更多細節。該表內容是服務器端生成的。

目前，我在他們自己的div中存儲了50個左右的不同表格，這些表格被隱藏起來，直到相應的mouseover事件。

這是達到此目的的最佳方法嗎？使用JavaScript來替換單個div的表格內容會更好嗎？

感謝，A

Answer 1

好吧，如果這是50個相同的表（結構明智）與獨特的內容，我可能會解決，而不是躲在50個表自定義對象或類似的東西，（50桌=與1個表格比較的開銷）。使用jQuery

試試下面的（有點僞）：

var data_rows = $('#table').children('tr'); 
var region_information = { 
    0: { name: "Foo", location: "Loo"}, 
    1:{ name: "Bar", location: "Car" }, 
    2{ name: "Car", location: "Garage"} 
}; 

$('.regions').hover(
    function() { 

     //Store the region for *performance* 
     var this_region = $('this');   

     /* 
      Set the values in the table by getting the field corresponding to the substring 
      The format = region-{n}, where {n} is a positive digit 
      Repeat this `n` times, according to how many "values" you need to display per table 
     */ 
     data_rows.children('field1').text(
      region_information[this_region.attr('name').substring(7, 1)] 
     ); 
    } 
); 

這篇有意義嗎？因爲我不知道你的桌子是什麼樣子或什麼的，所以我不能完全告訴你如何去做。然而，我可以爲你提供一個僞代碼（就像上面的代碼），所以我希望它能幫助你！