如何在jQuery中移动表行？
如何在jQuery中移动表行？
提问于 2009-10-15 01:43:04
假设我有一个带有向上/向下箭头的链接，用于按顺序向上或向下移动表格行。将行上移或下移一个位置(使用jQuery)的最直接方法是什么？
使用jQuery的内置方法似乎没有任何直接的方法可以做到这一点，而且在使用jQuery选择行之后，我还没有找到移动它的方法。另外，在我的例子中，让行可拖动(我之前已经用插件做过)也不是一个选择。
回答 1
Stack Overflow用户
回答已采纳
发布于 2009-10-15 01:52:46
你也可以用可调的up/down做一些非常简单的事情。
假设您的链接有一个up或down类，您可以在链接的单击处理程序中将其连接起来。这也是在假设链接在网格的每一行内的情况下进行的。
$(document).ready(function(){
$(".up,.down").click(function(){
var row = $(this).parents("tr:first");
if ($(this).is(".up")) {
row.insertBefore(row.prev());
} else {
row.insertAfter(row.next());
}
});
});HTML：
<table>
<tr>
<td>One</td>
<td>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</td>
</tr>
<tr>
<td>Two</td>
<td>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</td>
</tr>
<tr>
<td>Three</td>
<td>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</td>
</tr>
<tr>
<td>Four</td>
<td>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</td>
</tr>
<tr>
<td>Five</td>
<td>
<a href="#" class="up">Up</a>
<a href="#" class="down">Down</a>
</td>
</tr>
</table>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1569889
复制相关文章
相似问题