Переупорядочить строки таблицы с помощью jquery

Question

Эта таблица находится в шаблоне, я не могу напрямую редактировать HTML-код и нуждаюсь в том, чтобы ссылки были в другом порядке, мне нужно переместить ссылку «about» ниже ссылки «donate».

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

Demo ----->http://jsfiddle.net/zCZfT/

Answer 2

Смотрите некоторые примеры here

могли бы, вероятно

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