jQuery ui sortable tablerows refresh number position inside

Question

In a html table I have in every row a cell with its own position number. How can I refresh this position number correctly after sorting with jQueryUI?

This is my simple

Answer 1

Do the following after sorting ..

$("table tbody").sortable({ 
    update: function(event, ui) {  
        $('table tr').each(function() {
            $(this).children('td:first-child').html($(this).index())
        });
    },
    helper: fixHelper
}).disableSelection();

you can try (untested) : instead of $('table tr').each use $(this).parents('table').find('tr').each

Explanation.. It loops through each of the tr tags within table and then changes the content of first td-child with the index value of tr

Answer 2

If anybody liked the above answer as I did, here's the Coffeescript

jQuery ->
  $("ul.sortableEdit").sortable
            stop: (event, ui) ->  
             $('ul.sortableEdit li').each( ->
               $(this).children('input.sortableItemPos').val($(this).index())
             )