jquery 实现table行交换：上移/下移

$(document).ready(function () {
//上移
$("input.upbtn").each(function () {
$(this).click(function () {
var $tr = $(this).parents("tr");
if ($tr.index() != 0) {
$tr.prev().before($tr);//在每个匹配的元素之前插入内容。
}
});
});
//下移
var trLength = $("input.downbtn").length;
$("input.downbtn").each(function () {
$(this).click(function () {
var $tr = $(this).parents("tr");
if ($tr.index() != trLength - 1) {
$tr.next().after($tr);//在每个匹配的元素之后插入内容。
}
});
});
});

<table>
<tr>
<td>4</td>
<td><input type="button" value="上移" class="upbtn" />
<input type="button" value="下移" class="downbtn" />
</td>
</tr>
<tr>
<td>5</td>
<td><input type="button" value="上移" class="upbtn" />
<input type="button" value="下移" class="downbtn" />
</td>
</tr>
<tr>
<td>6</td>
<td><input type="button" value="上移" class="upbtn" />
<input type="button" value="下移" class="downbtn" />
</td>
</tr>
</table>