javascript - 选择附近的表行以及其他类(class)名称并切换类(class)

我有一个用HTML显示的表，它有两种类
1-高度
2-选定的数据
最初，单击时将具有类“alt”，该类将更改为“SelectedrowData”。同时，类为“SelectedrowData”的剩余类应保留为“alt”。
简单地说。当我单击一行时，类名应该被切换。当我单击其他行时，也会出现同样的情况。实际上，整个表中只有1个“SelectedrowData”
我的桌子如下

    <table>
    <thead></thead>
    <tbody>
    <tr class="alt">
        <td>72</td>
        <td>SALES DEPT. SALES STAFF</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">7018572</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">6</td>
        <td class="fieldHide"></td>
        <td>Default</td>
    </tr>
    <tr class="SelectedrowData">
        <td>73</td>
        <td>SALES DEPT. OFFICE ADMIN</td>
        <td class="fieldHide">7018073</td>
        <td class="fieldHide">7018573</td>
        <td class="fieldHide">7018073</td>
        <td class="fieldHide">7018073</td>
        <td class="fieldHide">7</td>
        <td class="fieldHide"></td>
        <td>Default</td>
    </tr>
    <tr class="alt">
        <td>72</td>
        <td>SALES</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">7018572</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">7018072</td>
        <td class="fieldHide">6</td>
        <td class="fieldHide"></td>
        <td>Default</td>
    </tr>
    </tbody>
</table>

最佳答案

$('tr').click(function(){
       $(this).attr('class', 'SelectedrowData')
       .siblings().attr('class', 'alt');
});

关于javascript - 选择附近的表行以及其他类(class)名称并切换类(class)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12142871/