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

时间:2015-11-10 09:52:51

标签: javascript jquery css angularjs

这不是一个真正的问题,我只是想知道我有一个列表,其中包含很多名称和一个搜索功能。这一切都是在jquery中完成的,当它与输入

不匹配时,只显示每个元素

它完美无缺,但我不确定这是“最干净”的方法,因为每次都会使用一堆css样式更新每个元素。

是否值得尝试使用角度或类似的解决方案来实现它,或者为这么小的任务完全矫枉过正?

更新:!

我目前的代码:

    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");
    }
};

0 个答案:

没有答案