使用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();
         });
       }
    });