Come prevenire jQuery .remove() dall'eliminazione della classe genitore

Question

Ho creato una funzione elemento clone che può essere visualizzata view demo here. Quando viene premuto il pulsante di ripristino, rimuove tutti gli elementi dell'elemento clonato, tuttavia, quando si tenta di aggiungere un altro elemento all'elenco degli elementi, l'elemento aggiunto "NUOVO" non è visibile con il 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

Dove avete il vostro pulsante di reset modificare il codice nel tuo istruzione if al seguente

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

Al momento avete impostato i vostri list-elementi seguente modo ..

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 

È è necessario modificare il codice in modo che il seguente:

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

Si dovrebbe sostituire questo:

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

da questo:

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

Si cerca l'elemento che 'id' è 'list-item', mentre si desidera cercare l'elemento che classe è 'lista-elementi'.