javascript - 更改 HTML 行中单元格的索引

Question

我有下表:

<table class="AMDetailTableCss" id="tblQueueHistory" cellspacing="5" cellpadding="5" >
    <tr>
        <td id="Working">
            <div class="AMQueueName AMWorkingAgent"><div>
            <span class="AMQueueText">Working</span>
            </div></div>
        </td>
        <td id="OnBreak">
            <div class="AMQueueName AMOnBreakAgent"><div>
            <span class="AMQueueText">On Break</span>
            </div></div>
        </td>
        <td id="Idle">
            <div class="AMQueueName AMIdleAgent"><div>
            <span class="AMQueueText">Idle</span>
            </div></div>
        </td>
    </tr>
</table>

我想在运行时使用 javascript/Jquery 更改 td 的索引。我的意思是第二个 td 应该移到第一个。

我该怎么做？谢谢

Answer 1

试试这个:

$("#OnBreak").detach().insertBefore("#Working")

Example fiddle

使用 detach() 将确保分配给 td 的任何事件或数据也被移动。