Question

我正在尝试使用新订单重新生成一个表，我遇到的问题是性能，我有这样的事情：

<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行）有没有办法只更换自己之间的行而不重绘它？感谢

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

Answer 2

基本的讽刺是使用jquery＆＃34;＆＃34; function，它将目标元素移动到想要的元素之后..

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

或者如果您想根据其值对表进行排序，可以使用以下插件：table sorter

如何在JavaScript中替换现有的表行

2 个答案: