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");