jquery 点击上下排序

<div class="box">
  <div class="content">
   <ul>
<li>11111111111   <a class="pre" href="JavaScript:;">↑</a><a class="next" href="javascript:;">↓</a></li>
<li>22222222222   <a class="pre" href="JavaScript:;">↑</a><a class="next" href="javascript:;">↓</a></li>
          <li>33333333333   <a class="pre" href="JavaScript:;">↑</a><a class="next" href="javascript:;">↓</a></li>
          <li>44444444444   <a class="pre" href="JavaScript:;">↑</a><a class="next" href="javascript:;">↓</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript">
$(function(){

	//上一个
    $(".content li a.pre").click(function() {
        if($(this).parents("li").prev()){
            $(this).parents("li").prev().before($(this).parents("li"));
        }
    });

    //下一个
    $(".content li a.next").click(function() {
        if($(this).parents("li").next())
            $(this).parents("li").next().after($(this).parents("li"));
    });

})
</script>

//升、降排序
$('a.order').on("click",function(){
    if ($(this).hasClass("desc")) {
      $(this).removeClass("desc").html("↑");
    } else {
      $(this).addClass("desc").html("↓");
    }
    $('table>tbody>tr').each(function () {
        $(this).prependTo($(this).parent());
    })
});