Comment changer la position de tr avec jquery

Question

Je ne peux pas accéder au côté serveur pour changer les codes.

J'ai la sortie suivante. Le deuxième tr montre l'impôt et le troisième est la somme.

Maintenant, je veux les échanger. Montrer la somme d'abord, puis taxer avec jquery.

La valeur de la taxe et la somme seront différentes à chaque fois.

Mais la taxe aura toujours un texte de 'Hvorav mva. utgjør 'et Sum auront le texte de Sum, mais le premier tr a aussi Sum.

Merci d'avance.

<TR> 
    <TD CLASS="td-menu" COLSPAN="7">Sum</TD> 
    </TR> 
    <TR> 
    <TD CLASS="td-main" COLSPAN="4" ALIGN="right">   
      Hvorav mva. utgjør: 
    </TD> 
    <TD CLASS="td-main" ALIGN="right">551,20</TD> 
    <TD CLASS="td-main" ALIGN="right"> </TD> 
    </TR> 

    <TR> 
    <TD CLASS="td-main" COLSPAN="3"> &nbsp; </TD> 
    <TD CLASS="td-main" ALIGN="right"> Sum : </TD> 
    <TD CLASS="td-main" ALIGN="right">    
     <FONT CLASS="font-pris-uextra">2 756,00</FONT> 
    </TD> 
    <TD CLASS="td-main" ALIGN="right"> 
    </TD> 
    </TR> 

    <TR> 
    <TD CLASS="tdmain-em" COLSPAN="7"> <BR> </TD> 
    </TR> 

Answer 1

un rapide (sûr qu'il ya de meilleures façons de le faire here is an example in jsbin

et le code:

$(document).ready(function(){ 
    var tax = $("td:contains('Hvorav mva. utgjør')").parent(); 
    var sum = $("td:contains('Sum')").parent(); 
    tax.insertAfter(sum); 
    tax.remove(); 
});​ 

[modifier]
Vous avez manqué le premier TD contenant la somme ... donc cela a fonctionné mais pas comme prévu (la taxe a été insérée comme la deuxième rangée juste après et pas après la Somme que nous voulions)

so here is a better solution using the .td-main class on the items(the first row has the .td-menu class instead)

le code:

$(document).ready(function(){ 
    var tax = $("td.td-main:contains('Hvorav mva. utgjør')").parent(); 
    var sum = $("td.td-main:contains('Sum')").parent(); 
    tax.remove().insertAfter(sum); 
});​