Pertanyaan Bagaimana cara mencegah jQuery menghapus () dari menghapus kelas induk


Saya telah membuat fungsi elemen klon yang dapat dilihat lihat demo di sini. Ketika tombol reset ditekan itu menghapus semua elemen item yang dikloning, namun ketika mencoba untuk menambahkan item lain daftar item, item yang ditambahkan 'BARU' tidak terlihat dengan 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();
})

5
2017-12-22 00:02


asal


Jawaban:


Di mana Anda memiliki tombol reset Anda mengubah kode dalam pernyataan Anda jika hal-hal berikut

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

Saat ini Anda telah mengatur daftar-item Anda dengan cara berikut ..

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

Anda perlu mengubahnya kode sehingga melakukan hal berikut:

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

1
2017-12-22 14:01



Anda harus mengganti ini:

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

dengan ini:

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

Anda mencari elemen yang 'id' adalah 'daftar-item' saat Anda ingin mencari elemen yang kelas adalah 'daftar-item'.


1
2017-12-22 00:27