javascript - 使用 jquery 根据数组对表行进行排序?

标签 javascript jquery html-table

我有一个看起来像这样的表:

<table>
      <tr id="1">
          <td>bla</td>
      </tr>

      <tr id="2">
          <td>bla</td>
      </tr>

       <tr id="3">
          <td>bla</td>
      </tr>

      <tr id="4">
          <td>bla</td>
      </tr>
</table>

我还得到了一个数组,我应该根据它对这个表行进行排序,假设数组类似于

数组= [3, 4, 1, 2];

关于如何使用 jquery/javascript 重新排列行以匹配数组的任何提示或想法?

最佳答案

按照您需要的顺序再次追加它们。当您调用 .append 并且元素已经可见时,它将从当前位置移除。

var order = [3,2,1,4];

$.each(order, function(){
  $("table").append($("#" + this));
})

http://jsfiddle.net/nZ6HJ/

关于javascript - 使用 jquery 根据数组对表行进行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12240321/

相关文章:

javascript - Redux 存储更改后 React 组件不会更新

javascript - 在 javascript 生成的表单中创建输入字段

javascript - FadeIn Div 在按键上的鼠标光标 [Javascript/JQuery]

jquery - 如何手动卸载 jQuery 库?

html - 使用固定布局表格填充自动宽度表格单元格

如果在表格单元格内,CSS 悬停更改其他文本/类的样式不起作用

java - 如何使用 Selenium 定位不稳定的表元素?

javascript - 在 Javascript 中替换/附加 HREF 文件类型扩展名

javascript - var myVar = ""和有什么区别和 var myVar;?

javascript - 在 jQuery 插件加载后做一些事情