많은 숨겨진 div 또는 단일 div의 내용 바꾸기?

Question

사용자가 내 페이지의 다른 이미지 영역 위로 커서를 이동하면 자세한 내용을 제공하는 표의 내용을 업데이트하고 있습니다. 이 테이블 내용은 서버 측에서 생성됩니다.

현재 마우스 오버 이벤트가 발생할 때까지 숨겨져있는 각기 다른 테이블을 각자 div에 저장하고 있습니다.

이것을 달성하는 가장 좋은 방법입니까? 단일 div의 테이블 내용을 바꾸려면 javascript를 사용하는 것이 더 좋습니까?

감사합니다, A.는 독특한 내용으로 50 개 동일한 테이블 (구조 현명한)의 경우

Answer 1

음, 아마도 대신 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)] 
     ); 
    } 
); 

? 당신의 테이블이 어떻게 생겼는지 모르겠으니 정확하게 어떻게하는지 정확하게 말할 수는 없습니다. 그러나 위의 코드와 같은 의사 코드를 제공 할 수 있으므로 도움이되기를 바랍니다.