怎么让td里的内容置顶_jQuery实现表格行上移下移和置顶的方法

jQuery实现表格行上移下移和置顶

.demo{width:600px; margin:60px auto 10px auto; font-size:16px}

.table {border-collapse: collapse !important;width: 100%;max-width: 100%;margin-bottom: 20px;}

.table td,.table th {background-color: #fff !important;}

.table-bordered th,.table-bordered td {border: 1px solid #ddd !important;}

.table tr td {padding: 8px;line-height: 1.42857143;vertical-align: middle;border-bottom: 1px solid #ddd;}

.table tr:hover {background-color: #f5f5f5;}

$(function(){

//上移

var $up = $(".up")

$up.click(function() {

var $tr = $(this).parents("tr");

if ($tr.index() != 0) {

$tr.fadeOut().fadeIn();

$tr.prev().before($tr);

}

});

//下移

var $down = $(".down");

var len = $down.length;

$down.click(function() {

var $tr = $(this).parents("tr");

if ($tr.index() != len - 1) {

$tr.fadeOut().fadeIn();

$tr.next().after($tr);

}

});

//置顶

var $top = $(".top");

$top.click(function(){

var $tr = $(this).parents("tr");

$tr.fadeOut().fadeIn();

$(".table").prepend($tr);

$tr.css("color","#f60");

});

});

HTML5获取地理位置定位信息	2015-04-25	上移 下移 置顶
CSS+Cookie实现的固定页脚广告条	2015-04-18	上移 下移 置顶
纯CSS3制作漂亮的价格表	2015-04-10	上移 下移 置顶
jQuery实现的测试答题功能	2015-03-29	上移 下移 置顶