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

Change the index of cell in row in HTML

本文关键字：索引 单元格 HTML 更改      更新时间：2023-09-26

>我有下表：

<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应该移到第一个。

我该怎么做？谢谢

试试这个：

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

示例小提琴

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

var firstHtml=$('#Working').html();
var secondHtml=$('#OnBreak').html();
$('#OnBreak').html(firstHtml);
$('#Working').html(secondHtml);

演示

你想什么时候这样做？

$("#OnBreak").prependTo($("#OnBreak").parent());
相关文章：