点击按钮来实现上下tr排序呢

要实现点击按钮来实现上下tr排序，可以按照以下步骤进行：

1. 给上下排序按钮添加点击事件，获取当前点击的按钮类型（上/下）。
2. 获取当前选中的行，并根据按钮类型进行排序。
3. 根据排序结果，重新渲染表格。

下面是一个示例代码：

HTML：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>男</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>20</td>
      <td>女</td>
    </tr>
  </tbody>
</table>
<button id="upBtn">上移</button>
<button id="downBtn">下移</button>

jQuery：

$(function() {
  // 给上下排序按钮添加点击事件
  $('#upBtn, #downBtn').click(function() {
    var type = $(this).attr('id') == 'upBtn' ? 'up' : 'down'; // 获取当前点击的按钮类型
    var selected = $('#myTable tbody tr.selected'); // 获取当前选中的行

    if (selected.length) {
      if (type == 'up') {
        selected.prev().before(selected); // 上移
      } else {
        selected.next().after(selected); // 下移
      }
    }

    // 重新渲染表格
    $('#myTable tbody tr').removeClass('selected');
    $('#myTable tbody tr:odd').addClass('odd');
    $('#myTable tbody tr:even').addClass('even');
  });
  
  // 给表格内容添加点击事件
  $('#myTable tbody tr').click(function() {
    $(this).addClass('selected').siblings().removeClass('selected');
  });
});

该代码实现了点击按钮来实现上下tr排序的功能，并且支持对选中的行进行上下移动。需要注意的是，该代码只支持对相邻的行进行移动，对于非相邻的行需要进行相应的处理。