jQuery .remove() को मूल वर्ग

Question

हटाने से रोकने के लिए कैसे करें मैंने क्लोन तत्व फ़ंक्शन बनाया है जिसे view demo here देखा जा सकता है। जब रीसेट बटन दबाया जाता है तो यह सभी क्लोन आइटम तत्वों को हटा देता है, हालांकि आइटम सूची में कोई अन्य आइटम जोड़ने का प्रयास करते समय, 'नया' जोड़ा गया आइटम डोम के साथ दिखाई नहीं देता है। इस से

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

:

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

आप कहाँ अपने रीसेट बटन में कोड बदलने अपने यदि निम्न

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

पल आप अपनी सूची में आइटम निम्नलिखित तरीके से निर्धारित किया है पर करने के लिए बयान ..

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

आप इस बदलना चाहिए

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

आप तत्व है जो 'आईडी' 'की सूची में आइटम' है, जबकि आप के लिए खोज करना चाहते हैं के लिए खोज वह तत्व जो वर्ग 'सूची-वस्तु' है।