jQueryの.remove（）が親クラスを削除しないようにする方法

Question

私はview demo hereと見ることができるクローン要素関数を作成しました。リセットボタンを押すと、クローンされたアイテム要素がすべて削除されますが、アイテムリストに別のアイテムを追加しようとすると、 'NEW'追加アイテムはDOMで表示されません。

$('#add-btn').on('click',function(){ 
    $('.list-items:first').clone().appendTo("#items").addClass('isVisible'); 
    $('#items-fields').val(''); 
}) 

// RESET BUTTON 
$('.reset').on('click', function(){ 
    if($('.list-items').length != 1); 
    $('.list-items:last').remove(); 
    event.preventDefault(); 
}) 

Answer 1

..

When a user clicks the delete button, if the number of things with the class list-item does not equal 0, then remove the last list-item 

あなたは次のようにコードを変更する必要があります。

When a user clicks the delete button, if the number of things with the class list-item is greater than 1, then remove the last list-item 

Answer 2

あなたはこの置き換える必要があります：あなたは、あなたが検索したいしながら、 'リスト項目' で 'ID' の要素を検索

var eleClone = $('.list-items').clone(true); 

：このことにより

var eleClone = $('list-items').clone(true); 

をクラスが 'list-items'である要素。あなたのリセットボタンは、あなたのリストの項目に次のように設定している時点では、次の

$('.reset').on('click', function(){ 
    if($('.list-items').length > 1) { 
     $('.list-items:last').remove(); 
    } 
}) 

にあなたのif文でコードを変更する必要があり