Добавление вверх и вниз функций к таблице начальной загрузки

Question

Я создаю функцию, которая позволяет мне добавлять строки в таблицу вверх или вниз. Я сейчас работаю над функцией «вверх», которая, на мой взгляд, будет очень похожа на функцию down. Я использую JavaScript/JQuery, и стрелка вверх появляется только после того, как они сохранили строку. Вот мой код для функции «Сохранить» и функция прогресса, которая не работает.

function Save() { 
    var par = $(this).parent().parent(); //tr 
    var tdDate = par.children("td:nth-child(1)"); 
    var tdTime = par.children("td:nth-child(2)"); 
    var tdTreatmentNum = par.children("td:nth-child(3)"); 
    var tdCellNum = par.children("td:nth-child(4)");        
    var tdWasteContNum = par.children("td:nth-child(5)"); 
    var tdButtons = par.children("td:nth-child(6)"); 

    tdDate.html(tdDate.children("input[type=date]").val()); 
    tdTime.html(tdTime.children("input[type=time]").val()); 
    tdTreatmentNum.html(tdTreatmentNum.children('select').val()); 
    tdCellNum.html(tdCellNum.children('select').val()); 
    tdWasteContNum.html(tdWasteContNum.children('select').val()); 
    tdButtons.html("<img src='trash.png' class='btnDelete'/> 
    <img src='pencil.png' class='btnEdit'/><img src='up.png'class='btnUp'/>"); 

    $(".btnEdit").bind("click", Edit); 
    $(".btnDelete").bind("click", Delete); 
    $(".btnUp").bind("click", Up); 

}; 

function Up() { 
    var row = $(this).parent().parent(); //tr 
    if ($(this).hasClass('up')) 
     row.prev().before(row); 
    else 
     row.next().after(row); 
}); 

Я не знаком с JQuery. Моя строка добавления больше не работает (хотя я знаю, что она работает правильно). Вот более полный код в JSFiddle для добавления, сохранения и увеличения функций, включая таблицу html. Есть идеи?

Обновлено - Working JSFiddle

Это помогло, но это, кажется, просто перемещая элемент в нижней части списка, а не вверх или даже один вниз.

Answer 1

В вашем JSFiddle была проблема, которую вы предоставили. Я обновил ваш код и предоставил рабочий образец в самом вопросе.

, так как невозможно было показать фактические изображения, которые вы используете, поэтому я использовал значки глифов библиотеки начальной загрузки для отображения похожих изображений. Вы можете заменить теги <span><img> еще раз в своей среде разработки, и все должно работать нормально.

Эта версия обновленного Fiddle работает нормально, как вы просили Delete и на Save. Надеюсь, это поможет вам ладить.