Jquery智能搜索

Question

我创建了这个小例子：

http://jsfiddle.net/fDavN/8391/

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

1. 第一个quadrat的数据名称为：abc
2. 第二个quadrat的数据名称为：def
3. 第三个quadrat的数据名称为：ghi
4. 第四个quadrat的数据名称为：jkl

此外，还有一个搜索输入。 我想要你问的是，是否可以在输入中输入任何内容，看看输入是否与其中一个数据名称匹配。

情景：

我在input =＆gt;中输入“a”在其数据名称的开头有“a”的每个区域都应保持不变，但其他区域的不透明度应为“1”。这是否可以使用keyup-event？例如：

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

如何让jquery搜索html？我知道怎么做ajax等。但是要在网站的源代码中搜索jquery吗？

问候