jQuery: changement de l'ordre de deux lignes d'une table

Je veux changer l'ordre des deux lignes dans une table.

J'ai ce code:

console.log(position.parent().parent().prev());
console.log(position.parent().parent());
//I expected this line do the work, but no...
$(this).parent().parent().prev().insertAfter($(this).parent().parent());

Qui est de l'impression de ce:

<tr>​
<td>​Element 1​</td>​
<td>​…​</td>​
<td>​2008-02-02​</td>​
<td class=​"jander" data-pos=​"0" data-category=​"1">​…​</td>​
</tr>​

<tr>​
<td>​Element 2​</td>​
<td>​…​</td>​
<td>​2007-02-02​</td>​
<td class=​"jander" data-pos=​"1" data-category=​"1">​…​</td>​
</tr>​

Une idée?

Ce qui concerne

Javi

OriginalL'auteur ziiweb | 2011-07-15

  1. 21
    var row = $(this).closest('tr');

row.insertAfter( row.next() );

    Exemple: http://jsfiddle.net/hkkKs/

    Dépend de ce que vous ciblez. Si le premier a le gestionnaire de clic, alors vous devez le code ci-dessus.

    Aussi, le plus proche()[docs] méthode est une méthode sûre pour cible l'ancêtre <tr>. Qui peut avoir été le problème.

    Si vous voulez le chemin inverse, votre code va fonctionner, mais encore une fois, l'utilisation .closest() à la place.

    $('span').click(function() {
    var row = $(this).closest('tr');

    row.prev().insertAfter(row);
});

    Exemple: http://jsfiddle.net/hkkKs/1/

    OriginalL'auteur user113716

  2. 0

    Essayer cette

    $("tableSelector").append($("tableSelector").find("tr:first"));

    OriginalL'auteur ShankarSangoli