0

強調表示された行データに基づいてテーブルのヘッダーを動的に変更したい。ユーザーが最初の列で USA を選択した場合と同様に、他の列ヘッダーを USA 内の州に変更する必要があります。すべての国とそれに対応する州はキー配列にあり、選択した国に基づいてヘッダーと列数を次のように変更する必要があります

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

これは、最初の行の最初の列で USA が選択されている場合のヘッダーの外観です。

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

行 2 の場合、英国のヘッダーは「MOYLE」、「Greater LONDON」などになります...

これどうやってするの ？？？

4

1 に答える 1

0

ユーザーがテーブルのデータセルをクリックして強調表示するようにしたいと思いますか？
それならそれはとても簡単かもしれないからです。各tdに、jQueryで再クエリする属性を次のように指定します。

$('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>")
    }});

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>

残っているのは、テーブルの列に十分なスペースがあることを確認することだけですが、それはあなたに任せます。ポイントを逃した場合は申し訳ありませんが、どのように表示したいかよくわかりません:(

于 2012-11-09T08:52:34.100 に答える