1

我有下表：

<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>

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

我怎样才能做到这一点？谢谢

4

3 回答 3

5

尝试这个：

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

示例小提琴

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

于 2012-05-23T10:00:17.817 回答
1 
var firstHtml=$('#Working').html();
var secondHtml=$('#OnBreak').html();

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

演示

于 2012-05-23T09:56:14.500 回答
0

你想什么时候做这个？

$("#OnBreak").prependTo($("#OnBreak").parent());
于 2012-05-23T09:58:15.620 回答