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