So verhindern Sie, dass jQuery .remove() die Elternklasse

Question

löscht Ich habe eine Klonelementfunktion erstellt, die angezeigt werden kann view demo here. Wenn die Reset-Taste gedrückt wird, werden alle geklonten Elementelemente entfernt. Wenn Sie jedoch versuchen, ein weiteres Element in die Elementliste einzufügen, wird das hinzugefügte Element "NEU" im DOM nicht angezeigt.

$('#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

Wo Sie Ihre Reset-Taste, um den Code zu ändern haben in Ihrer if-Anweisung an die folgende

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

Im Moment Sie Ihre Liste-Elemente die folgende Art und Weise eingestellt haben ..

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 

Sie müssen Sie den Code ändern, damit er Folgendes ausführt:

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

Sie sollten diese ersetzen:

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

durch diese:

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

Sie für das Element suchen, die 'id' ist 'list-item', während nach dem Sie suchen möchten Das Element, dessen Klasse 'List-Items' ist.