jquery - 使用 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

在此处查看一些示例

可能会做

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