swap rows in a table

by karin

HTML

<div>
<table border="1">
<tr id="Row1">
  <td>Some label1</td>
  <td>Some complex control1</td>
  <td><button>up</button></td>
</tr>
<tr id="Row2">
  <td>Some label2</td>
  <td>Some complex control2</td>
  <td><button>up</button></td>
</tr>
<tr id="Row3">
  <td>Some label3</td>
  <td>Some complex control3</td>
  <td><button>up</button></td>
</tr>
<tr id="Row4">
  <td>Some label4</td>
  <td>Some complex control4</td>
  <td><button>up</button></td>
</tr>
</table>
</div>

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li class="third-item">list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

JavaScript

$('button').on('click', function(){
   // $(this).closest('tr td').css('background','red');
   // var nextrow=$(this).next('tr td');
	//$(this).parent().parent().after($('#Row1'));
    var previous=$(this).closest('tr').prev();
    $(this).closest('tr').after(previous);
});

$( "li.third-item" ).prev().css( "background-color", "red" );