Keyup связывает фильтрацию, чтобы заблокировать результаты

Question

У меня есть html-документ с полем для фильтрации текста в блоках. Вот мой код:

JS:

$('#search-input').on('keyup', function() { 

     var filter = $(this).val(); 

     var results = $('#icons section > .fontawesome-icon-list > .fa-hover:Contains("' + filter + '")'); 

     console.log(results); 

     $('#results .row').html(results); 
     $('#results').show(); 

    }); 

Отфильтрованный данные выводятся в блоке #results .row.

Сценарий работает правильно только в первый раз (первое нажатие клавиши «keyup»). Как сделать так, чтобы в каждом событии «keyup» он правильно фильтровал данные?

Answer 1

Вы должны клонировать результаты:

var results = $('#icons section > .fontawesome-icon-list > .fa-hover:Contains("' + filter + '")').clone();