使用多个输入的输入对HTML元素进行排序

Question

我试图根据输入的值显示元素，并希望人们可以键入多个单词，并对元素进行排序，以便仅显示适用于其搜索的元素

JS Bin，非常基本的例子：https://jsbin.com/zabikejuxa/edit?html,js,output

例如拥有完整的车辆清单，如果客户输入2015年＆＃39;，则只会显示2015年的车辆。如果客户输入“2015款别克”，它将会循环播放，并且仅显示2015款别克，而不显示具有“2015年”字样的元素。或者＆＃39;别克＆＃39;。

查询的第一个单词工作正常，当值大于2个单词时，一切都变得复杂。

Answer 1

工作修改here

有几个问题：

• if($('#searchText').val() > 2)导致搜索被解析为数字并与2进行比较，您想要的是$('#searchText').val().length
• 循环在概念上是由内而外：您想要查找每一行是否包含所有术语，因此for循环应位于$.each内。
• 除非您需要区分大小写的匹配，否则请在文本和搜索字词
上调用toLowerCase()