jQuery: ändern Sie die Reihenfolge von zwei Zeilen einer Tabelle

Möchte ich ändern Sie die Reihenfolge von zwei Zeilen in eine Tabelle.

Habe ich diesen 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());

Die den Druck dieses:

<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>​

Irgendeine Idee?

Hinsichtlich

Javi

InformationsquelleAutor ziiweb | 2011-07-15
  1. 22
    var row = $(this).closest('tr');

row.insertAfter( row.next() );

    Beispiel: http://jsfiddle.net/hkkKs/

    Hängt davon ab, was Sie sind targeting. Wenn das erste hat den click-handler, dann müssten Sie den obigen code.

    Auch, die nächsten()[docs] Methode ist ein sicherer Weg, um das Ziel Vorfahren <tr>. Das war vielleicht das Problem.

    Wenn Sie möchten, dass es der entgegengesetzte Weg, dein code funktionieren würde, aber wieder, verwenden Sie .closest() statt.

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

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

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

    InformationsquelleAutor user113716
  2. 0

    Versuchen, diese

    $("tableSelector").append($("tableSelector").find("tr:first"));
    InformationsquelleAutor ShankarSangoli
Schreibe einen Kommentar