Question

我想根据突出显示的行数据动态更改表格标题。就像我们假设用户在第一列中选择USA一样，那么另一列标题应该更改为USA内的状态。所有国家/地区及其相应的州都位于键阵列中，并且基于所选国家标题和列数必须更改

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

当选择第一行第一列中的USA时，标题应该如何显示。

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

当第2行=英国时标题应该是“MOYLE”，“Greater LONDON”等等......

我该怎么办？

Answer 1

我假设您希望用户单击表格数据单元格以突出显示？
因为那可能很容易。你给每个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>

然后唯一剩下的就是确保有足够的空间供桌子使用，但我把它留给你对不起，如果我错过了这一点，但我不太确定你想要它的样子:(

如何动态更改表头？

1 个答案: