// 交换第2行和第4行
$("#swapBtn").click(function() {
  var row2 = $("#myTable tr").eq(1); // 第2行(索引从0开始)
  var row4 = $("#myTable tr").eq(3); // 第4行
  
  // 方法1: 使用insertBefore
  row4.insertBefore(row2);
  
  // 方法2: 使用insertAfter
  // row2.insertAfter(row4);
});

$("#swapBtn").click(function() {
  var row2 = $("#myTable tr").eq(1);
  var row4 = $("#myTable tr").eq(3);
  
  // 方法1: 使用before
  row4.before(row2);
  
  // 方法2: 使用after
  // row2.after(row4);
});

$("#swapBtn").click(function() {
  var row2 = $("#myTable tr").eq(1);
  var row4 = $("#myTable tr").eq(3);
  
  // 交换HTML内容
  var temp = row2.html();
  row2.html(row4.html());
  row4.html(temp);
});

<table id="myTable" border="1">
  <tr><td>行1</td></tr>
  <tr><td>行2</td></tr>
  <tr><td>行3</td></tr>
  <tr><td>行4</td></tr>
</table>
<button id="swapBtn">交换第2行和第4行</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $("#swapBtn").click(function() {
    var row2 = $("#myTable tr").eq(1);
    var row4 = $("#myTable tr").eq(3);
    row4.insertBefore(row2);
  });
});
</script>