使用Touchspin去除div

Question

在我的前端項目中，我使用Virtuosoft的Touchspin庫。我已經知道如何通過按加號按鈕來添加新元素，但是當我嘗試做相反的事情時，單擊減號按鈕時刪除一個div，所有div都隱藏而不是刪除最後一個。

$('.items-number').on('touchspin.on.startspin', function() { 
    var mainRow = $(this).closest('.inner-items-row').siblings(); 

    if(!($(mainRow).hasClass('hidden'))) { 
     var newItem = $(mainRow).find('.single-item').first().clone(); 
     $(this).on('touchspin.on.startupspin', function() { 
      $(newItem).appendTo(mainRow); 
     }); 
     $(this).on('touchspin.on.startdownspin', function() { 
      $(mainRow).find('.single-item').slice(-1).remove(); 
     }); 
     } 
    }); 

Answer 1

試試這個：

$('.items-number').on('touchspin.on.startspin', function() { 
    var mainRow = $(this).closest('.inner-items-row').siblings(); 

    if(!($(mainRow).hasClass('hidden'))) { 
     var newItem = $(mainRow).find('.single-item').first().clone(); 
     $(this).on('touchspin.on.startupspin', function() { 
      $(newItem).appendTo(mainRow); 
     }); 
     $(this).on('touchspin.on.startdownspin', function() { 
      //$(mainRow).find('.single-item').last().remove(); 
      $(newItem).remove(); 
     }); 
     } 
    });