어떻게 표 머리글을 동적으로 변경할 수 있습니까?

Question

강조 표시된 행을 기반으로 테이블의 헤더를 동적으로 변경하려고합니다. 사용자가 첫 번째 열에서 USA를 선택한 것으로 가정하면 다른 열 머리글은 미국 내의 상태로 변경되어야합니다. 모든 국가와 해당 국가는 키 배열에 있고 선택한 국가에 따라 머리글과 열 수는 헤더가 먼저 미국을 볼 때 방법

<tr> 
    <th>Alabama</th> 
    <th>Alaska</th> 
</tr> 

같은을 변경할 수있다 행 첫 번째 열이 선택됩니다.

<tr id="1"><td>USA</td></tr> 

및 행 2 = 영국 헤더가 "모일", "큰 런던"을해야 할 때 등등 ...

나는이 어떻게 할 수 있나요 ???

Answer 1

사용자가 강조 표시하기 위해 표 데이터 셀을 클릭한다고 가정합니다.
그 때 그것은 아주 쉬울 수 있었기 때문에. html로 다음 남은 건 오직 충분한 공간이 거기에 있는지 확인하는 것입니다

<tr class="countries"> 
    <td country="USA">USA</td> 
    <td country="UK">Great Britain</td> 
    <td country="DE">Germany</td> 
</tr> 
<tr class="states"> 
    <td state="Alabama">Alabama</td> 
</tr> 

같은 것을 보이는 동안

$('td').click(function(){ 
    $country = $(this).attr('country'); 
    $(this).addClass("highlight"); 
    $('tr.states').empty; 
    for each item in $myarrayStates['$country']{ 
    $('tr.states').append("<td>"&$myarrayStates&"</td>") 
    }}); 

: 각 TD 당신이 jQuery를에 유사 다시 쿼리 속성을 제공 tablerows,하지만 그게 당신에게 남겨주세요 미안하지만 그 지점을 놓친 경우에는 내가 뭘 원하는지 잘 모르겠어요 :(