这不是一个真正的问题,我只是想知道我有一个列表,其中包含很多名称和一个搜索功能。这一切都是在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");
}
};