Javascript 使用jquery构建自动完成函数时遇到问题

我正试图从头开始创建自己的自动完成功能。下面的代码检查

result

类中的结果。然后，

结果

类中的值在

名称

类中循环。如果特定字符串匹配，则添加名为

display

我现在遇到的问题是，类

display

只有在具有精确匹配而不是部分匹配时才会被添加（这意味着我必须完成整个字符串）。如果我尝试删除或擦除

输入文本字段中的值，它似乎不会删除当前添加的类


$（'.name框'）。在（“输入”，函数（）上）{
让值=$（this.val（）；
让结果=$（this）.text（值）；
$（'.result'）.text（值）；
//$（this.find（'.name-'+val）.addClass（'display'）；
$（'.name list.name'）。每个（函数（）{
如果（$（'.result'）.text（）==$（this.text（））{
$（this.addClass（'display'）；
}else if（$（'.result'）.val（）！=$（this.val（））{
$（this.removeClass（'display'）；
}
})
});
/*http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
许可证：无（公共域）
*/
html、正文、div、span、小程序、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
身体{
线高：1；
}
ol，ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}


@noeldelacruz
@john
@joe
@james
@jake
@jade

您可以检查部分匹配，如下所示：

if ($(this).text().includes($('.result').text())) {
  $(this).addClass('display');
} else {
  $(this).removeClass('display');
}

有很多方法可以做到这一点。你可能想尝试一种不同的方法，玩这些小提琴。