Ссылка на верхнюю строку таблицы

Question

Я хотел бы, чтобы следующий скрипт переместил строку таблицы в начало таблицы. Однако я не могу понять, как ссылаться на идентификатор первой строки, поскольку идентификатор задается динамически, я пробовал row.insertAfter(row.first());, но он заставляет строку исчезать, а не перемещать ее. Любые идеи, как ссылаться на верхний ряд?

$(".top").click(function(){ 
     var row = $(this).parents("tr:first"); 
     if ($(this).is(".top")) { 
      row.inserAfter(row.first()); 
     } else { 
      return false; 
     } 
    }); 


<tbody id="sortable"> 
    <tr id="row1"> 
    <td><a href="" class="top">Top</a></td> 
    </tr> 
    <tr id="row2"> 
    <td><a href="" class="top">Top</a></td> 
    </tr> 
    <tr id="row3"> 
    <td><a href="" class="top">Top</a></td> 
    </tr> 
</tbody> 

Answer 1

This works ...

$(".top").click(function() { 
    var thisRow = $(this).parent().parent(); 
    var firstRow = thisRow.parent().find("tr:first").not(thisRow); 
    thisRow.insertBefore(firstRow); 
}); 

Answer 2

$(".top").click(function(){ 
      var tr=this.parentNode.parentNode; 
    tr.parentNode.insertBefore(tr.parentNode.firstChild,tr); 
    tr.parentNode.removeChild(tr); 
} 

Answer 3

var row = $(this).find("tr").eq(0); 

Answer 4

Вы хотите сделать что-то вроде этого?

$(".top").click(function(){ 
    var $this = $(this); // make a reference to the current element 
    $.ajax({ 
     url: 'your/ajax/url.php', 
     success: function(data) { 
      // do what you want with data, 
      // and then move the row on top 
      // of the table, like so 
      var row = $this.parents("tr"); 
      var first_row = row.parent().find('tr:first'); 
      if (row && first_row && row != first_row) { 
      row.insertBefore(first_row); 
      } 
     } 
    }); 
    return false; // stay on the page 
}); 

Проверить http://api.jquery.com/jQuery.ajax/ для получения дополнительной информации