如何在 JavaScript 中的现有表行之间进行替换
How to replace between existing table rows in 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 行)有没有办法在不重新绘制的情况下替换它们之间的行?谢谢
为了重新排列它们,请使用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>
基本的说法是使用 jquery "after" 函数,它将目标元素移动到想要的元素之后。
$("#row1").after("#row4");
或者如果你想根据表的值对表进行排序,你可以使用这样的插件:
相关文章:
- 如何使用JavaScript Regex替换字符串中双引号之间的文本
- 在 javascript 中,将数字之间出现的所有“-”替换为“:”
- 使用 JavaScript 中的正则表达式替换大文本中两个字符之间的每个出现的字符串
- 如何在 JavaScript 中的现有表行之间进行替换
- 在 JavaScript 中的两点之间查找和替换
- Regex表达式,用于替换两个字符(包括字符)之间的字符串
- jquery正则表达式在2个分隔符之间进行替换
- 替换两个字符串之间的多行文本
- 需要用 Javascript 或 jQuery 替换 [..] 之间的数字
- 如何在 javascript 中替换两个声明字符之间的字符串
- Javascript - 检测字符串中的某些字符并替换这些字符之间的内容
- Javascript 正则表达式替换 2 个字符串之间的字符串
- 替换/删除两个字符之间的所有内容
- 如何在 JavaScript 中替换字符串中最后一个出现的两个字符之间的字符
- 使用 regEx 替换 url 之间的值
- JavaScript - 替换 name 属性中第一个方括号之间的值
- 在两个JavaScript注释之间替换代码
- 替换两个单词之间的文本
- JavaScript ReGeX:在两个字符串之间替换匹配的字符串
- 在两个标记之间替换URL中的ID