2016-04-25 59 views
-1

我想再生一个表一个新秩序存在的表行之间的替换,我遇到的问题是在性能, 我有这样的事情:如何在JavaScript

<table> 
<tr id="row1"></tr> 
<tr id="row2"></tr> 
<tr id="row3"></tr> 
<tr id="row4"></tr> 
</table> 

显然,我的表要复杂得多,但我想是一种具有良好性能的解决方案为更换命令 我的目标表应该是这样的:

<table id="mainTable"> 
    <tr id="row3"></tr> 
    <tr id="row4"></tr> 
    <tr id="row1"></tr> 
    <tr id="row2"></tr> 
    </table> 

当我重新绘制它的性能差(更多然后100线) 有什么办法可以在不重绘的情况下替换它们之间的行? 感谢

+0

严肃地说,没有人会为你做这件事。尝试自己,回来时,当你有一个实际的具体问题要求 – Liam

+0

第一个评论是没有帮助的,我试着看了看,并争取它,寻找一些新的想法。 – user1322801

+0

那么你的问题究竟是什么?我只是想指出你没有问过问题。你已经解释了你想要的东西,然后说这是可能的。是的,这是可能的。如果这不是你的问题,那么它是什么? – Liam

回答

-1

基本sultion的功能“后,”使用jQuery,这有用元素之后移动目标元素..

$("#row1").after("#row4"); 

,或者如果你想基于其值的表进行排序,你可以使用像插件:table sorter

+0

是的,那不是[作品后...](http://api.jquery.com/after/) – Liam

+0

你是不是指'$(“#row1”)。after($(“#row4”));'?即使那样,它也不会做OP所需要的。 – Liam

1

重新排列它们使用append()next()

$table = $('#mainTable'); 
 

 
$table.append($('#row1,#row2', $table));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table id="mainTable"> 
 
    <tr id="row1"> 
 
    <td>1</td> 
 
    </tr> 
 
    <tr id="row2"> 
 
    <td>2</td> 
 
    </tr> 
 
    <tr id="row3"> 
 
    <td>3</td> 
 
    </tr> 
 
    <tr id="row4"> 
 
    <td>4</td> 
 
    </tr> 
 
</table>
他们追加