使用jquery重新排序表行

Question

此表位于模板中，我无法直接编辑HTML并且需要链接处于不同的顺序，我需要移动“捐赠”链接下方的“关于”链接。

<table class="leftnav">

<tbody>

<tr>
<td class="headergraphica">
<img src=".../images/ta.gif">
</td>
</tr>

<tr>
<td class="leftlinkheading">Information</td>
</tr>

<tr>
<td class="leftlink"><a href="#">event information</a></td>
</tr>

<tr>
<td class="leftlink"><a href="#">about</a></td>
</tr>

<tr>
<td class="leftlink"><a href="#">participate</a></td>
</tr>

<tr>
<td class="leftlink"><a href="#">donate</a></td>
</tr>

</tbody>
</table>

Answer 1

你可以这样做 -

$('.leftlink a:contains("donate")').closest('tr')
           .after($('.leftlink a:contains("about")').closest('tr'));

演示-----> http://jsfiddle.net/zCZfT/

Answer 2

查看一些示例here

可能会做

$(".leftnav tr:eq(3)").appendTo(".leftnav tbody");