javascript - Keyup 包含过滤以阻止结果

Question

我有一个 html 文档，其中包含用于过滤 block 中文本的字段。这是我的代码:

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();

    }); 

过滤后的数据在 block #results.row中输出。

该脚本仅在第一次(第一个事件“keyup”)时正确运行。如何在每次“keyup”事件中正确过滤数据？

Answer 1

您需要克隆结果:

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