table 行上移 下移 置顶 删除

<tbody class="table">
    <tr>
        <td class="storegoodslist_tools">
            <a οnclick=""  class=" up">上移</a>
            <a οnclick="" class=" down">下移</a>
            <a οnclick="" class=" top">置顶</a>
        </td>
    </tr>
</tbody>

<!--上移，下移、置顶-->
<script>
    $('.up').click(function(){
        var $tr = $(this).parents("tr");
        if ($tr.index() != 0) {
            $tr.fadeOut().fadeIn();
            $tr.prev().before($tr);
        }
    });
    $('.down').click(function(){
        var $tr = $(this).parents("tr");
        var $down = $(".down");
        var len = $down.length;
        if ($tr.index() != len - 1) {
            $tr.fadeOut().fadeIn();
            $tr.next().after($tr);
        }
    });
    $('.top').click(function(){
        var $tr = $(this).parents("tr");
        if ($tr.index() != 0) {
            $tr.fadeOut().fadeIn();
            $(".table").prepend($tr);
        }
        });
</script>