<script type="text/javascript">
function doit(f, t) {
$("#tbl tr:nth-child(" + f + ")").insertAfter($("#tbl tr:nth-child(" + t + ")"));
}
</script>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</table>
<input type="button" onclick="doit(1, 3);" value="click">
其中:nth-child(n) 選擇器匹配屬於其父元素的第 N 個子元素，不論元素的類型。
例如：
p:nth-child(2) { background:#ff0000; }
即p元素是其父元素，表示頁面中其父元素p的第二個子元素的背景色為#ff0000；
w3school例子：
<!DOCTYPE html> <html> <head> <style> p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; } </style> </head> <body> <h1>這是標題</h1> <p>第一個段落。</p> <p>第二個段落。</p> <p>第三個段落。</p> <p>第四個段落。</p> <p><b>注釋：</b>Internet Explorer 不支持 :nth-child() 選擇器。</p> </body> </html>
:odd 選擇器 選取每個帶有奇數 index 值的元素（比如 1、3、5）。
index 值從 0 開始，所有第一個元素是偶數 (0)。
最常見的用法：與其他元素/選擇器一起使用，來選擇指定的組中奇數序號的元素（如上面的例子）。
:even 選擇器 選取每個帶有偶數 index 值的元素（比如 2、4、6）。
index 值從 0 開始，所有第一個元素是偶數 (0)。
最常見的用法：與其他元素/選擇器一起使用，來選擇指定的組中偶數序號的元素.如
選擇每個相隔的（偶數） <tr> 元素：
$("tr:even")