JQuery сортировки строк и значений

Question

На основании этого отл.http://jsfiddle.net/vaDkF/160/ как изменить входные значения для увеличения или уменьшения значения, если щелкнуть по кнопке ВВЕРХ или ВНИЗ (1.2.3.4 ...) значений?Также как добавить еще одну кнопку для удаления строки?

Answer 1

$(document).ready(function(){
    $(".up,.down").click(function(){
        var row = $(this).closest("tr");
        if ($(this).is(".up")) {
            row.prev().before(row);
        } else if ($(this).is(".down")) {
            row.next().after(row);
        }

        ResetSort();
    });

    $('.down').after(' <a href="#" class="delete">Delete</a>');
    $('.delete').click(function() {
        $(this).closest('tr').remove();
    });
});

function ResetSort() {
    $(':hidden[name="sort"]').each(function (i,v) {
        $(v).val(i + 1);
    });
}

Вот рабочий пример: http://jsfiddle.net/JUh74/5/

ОБНОВЛЕНИЕ: заменены родители ('tr: first') на ближайших ('tr'), как указано fudgey

Answer 2

Упс ... Я неправильно понял ваш вопрос. Вы хотите сохранить «значение» или «текст» в порядке?

Добавьте это внутри функции щелчка:

$('input').each(function(i){
    $(this).val(i+1);
});

так что вы получите что-то вроде этого:

$(document).ready(function(){
    $(".up,.down").click(function(){
        var row = $(this).parents("tr:first");
        if ($(this).is(".up")) {
            row.insertBefore(row.prev());
        } else {
            row.insertAfter(row.next());
        }
        // renumber input values (not the text)
        $('input').each(function(i){
            $(this).val(i+1);
        });
    });
});