Jquery用于智能搜索

我创建了一个小示例：

如您所见，我使用区域标记将图像分成四个方形

第一个样方的数据名称为：abc 第二个样方的数据名为def 第三个样方的数据名称为：ghi 第四个样方的数据名称为：jkl 此外，还有用于搜索的输入。 我想问的是，是否可以在输入中键入任何内容，并查看输入是否与数据名中的一个匹配

情景：

我在input=>中键入a，每个数据名开头有a的区域应保持原样，但其他区域的不透明度应为1。这是否可以使用keyup事件？e、 g:

$(document).ready(function () {
    $("#searchfield").keyup(function() { 
        //and so on..
    }
}

如何让jquery搜索html？我知道如何使用ajax等。。但是在网站的源代码中进行jquery搜索

问候语

这可能会有所帮助：是的，我遵循了这一点：但当我在输入中键入a时，对第一个区域没有任何影响：/您能参考一下吗？问候语