JQuery: Hvordan flytter man tabelrækker op og ned

http://jsfiddle.net/jakobdo/prSHY/

Hej jakobdo

Af en el. anden grund fungerer dit forslag ikke hos mig.

Når jeg udelukkende indfører

$(".up").click(function(){
    var $elm = $(this);
    var $parent = $elm.parent();
    $parent.prev().before($parent);
});

Er det kun <td> elementerne der byttes om på. Ikke rækkerne.

Mine tabelrækker ser således ud:
<table>
...
...
  <tr id="product_6" class="productrow">
      <td>vand</td>
      <td>13</td>
      <td>Vises</td>
      <td><button id="up_2" class="up">Flyt op</button></td>
      <td><button id="down_2" class="down">Flyt ned</button></td>
  </tr>
...
...
</table>

Når jeg så gør det til en del af et XMLHttpRequest sker der slet intet selv om jeg modtager svar på mit request.

Venligst Christian

Nåe ja - <button>'s parent er jo <td>
Når jeg fjerner <button> fungerer det grundlæggende.

Men det fungerer stadig ikke når jeg placerer det inde i XMLHttpRequest'ets xmlhttp.onreadystatechange=function(){

Men requstet fungerer ellers fint og returnerer korrekt svar.

Hvad skal man i øvrigt skrive for at få parent's parent flyttet? Altså hvis jeg vil anvende <button>.

Venligst Christian

AH!

Man skal flytte

var $elm = $(this);
var $parent = $elm.parent();

uden for

xmlhttp.onreadystatechange=function(){
...
...
}

Ok - Løste selv det sidste.

var $button = $(this);
var $td = $button.parent();
var $tr = $td.parent();

Og så

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4){
...
...
      $tr.prev().before($tr);
...
...
  }
}

Godt du fandt en løsning. :o)