重置先前搜索的隐藏项

Reset hidden items from previous search

本文关键字：隐藏 搜索      更新时间：2023-09-26

我正试图在Javascript中为我的应用程序实现搜索，并且我遇到了一个问题，我以前隐藏的项目将不会再次显示。JSFiddle

我的代码在这里:

$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
    $searchproject.show().filter(function() {
        var text = $(this).text().replace(/'s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).parents('div.srcprojects').hide();
});

问题是我隐藏了我的筛选选择的父srcprojects容器，所以keyup不会再次显示它。

但是，如果我改变 
$searchproject.show().filter(function() {


$searchproject.parents('div.srcprojects').show().filter(function() {

根本不起作用。我做错了什么?

添加

$searchproject.parents('div.srcprojects').show();

完整代码:

$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
    $searchproject.parents('div.srcprojects').show();
    $searchproject.show().filter(function() {
        var text = $(this).text().replace(/'s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).parents('div.srcprojects').hide();
});
相关文章：