键控包含用于阻止结果的筛选

Keyup contains filtering to block results

本文关键字：结果 筛选 包含 用于      更新时间：2023-09-26

我有一个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"）正常工作。如何使在每个事件"键控"时都能正确过滤数据？

您需要克隆结果：

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