如何在jQuery中移动表格行？
假设我已经与向上/向下箭头链接，以便按顺序向上或向下移动表格行。 将这一行向上或向下移动一个位置（使用jQuery）最直接的方法是什么？
似乎没有任何直接的方式来使用jQuery的内置方法做到这一点，并select与jQuery的行后，我还没有find一种方法，然后移动它。 另外，在我的情况下，使行可拖动（我以前使用插件完成）不是一个选项。
你也可以做一些非常简单的调整向上/向下..
如果你的链接有一个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>
演示 – JsFiddle
$(document).ready(function () { $(".up,.down").click(function () { var $element = this; var row = $($element).parents("tr:first"); if($(this).is('.up')){ row.insertBefore(row.prev()); } else{ row.insertAfter(row.next()); } });
}）;
尝试使用JSFiddle
