jQuery .remove() 'nin üst sınıfı silme işlemi nasıl engellenir

Question

view demo here görüntülenebilir bir klonlama öğesi işlevi oluşturdum. Sıfırlama düğmesine basıldığında, tüm klonlanmış öğe öğelerini kaldırır, ancak başka bir öğeyi öğe listesine eklemeye çalışırken, 'YENİ' eklenen öğe DOM ile görünmez.

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

senin eğer aşağıdaki

listenizi-Eşyaları şu şekilde belirledik anda

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

için deyim ..

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 

Sen Bu kodu aşağıdaki gibi değiştirmesi gerekir:

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

Bu değiştirmelisiniz:

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

bu ölçütü:

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

Sen aramak isterken list-item 'is 'id' eleman aramak sınıfın 'liste-öğeleri' olduğu eleman. Eğer reset düğmesi de kodunu değiştirmek zorunda