Javascript 在列表中搜索项目,有什么好用的?

Javascript 在列表中搜索项目,有什么好用的?,javascript,jquery,css,angularjs,Javascript,Jquery,Css,Angularjs,这不是一个真正的问题,我只是想知道我有一个有很多名字的列表和一个绑定到它的搜索函数。这一切都是在jquery中完成的,当它和输入不匹配时,只需将每个元素显示为none 它工作得很完美,但我不确定这是“最干净”的方式,因为每次都会用一堆css样式更新每个元素 是否值得尝试angular或其他类似的解决方案来实现它,或者对于这样一个小任务来说是完全的过度使用 更新: 我当前的代码: var value = $input.val(), $persons = $teamCatag

这不是一个真正的问题,我只是想知道我有一个有很多名字的列表和一个绑定到它的搜索函数。这一切都是在jquery中完成的,当它和输入不匹配时,只需将每个元素显示为none

它工作得很完美,但我不确定这是“最干净”的方式,因为每次都会用一堆css样式更新每个元素

是否值得尝试angular或其他类似的解决方案来实现它,或者对于这样一个小任务来说是完全的过度使用

更新:

我当前的代码:

    var value = $input.val(),
        $persons = $teamCatagory.find('li');

    $persons.hide();

    var found = $persons
        .filter(function () {
            $persons.hide();
            return $(this).text()
                .match(new RegExp(value, "gi"))
        })
        .show()
        .length > 0;

    if(value.length === 0 ) {
        $persons.show().removeAttr('style');
    }

    if (!found) {
        $persons.hide();
        console.log("found nothing");
    }
};

尝试jquery的自动完成如果您已经只使用jquery,不要为了这一项任务而混用它。发布你的代码,也许我们可以帮助清理它-好了@TOMEKBUSZEWSKI你可以稍微改进一下你的代码:但是有了Angular,不管怎样用style.display显示和隐藏都差不多。啊,谢谢!,我认为只需要添加和删除HTML块,而不是简单地用css属性隐藏它们。不确定,没有真正调查过