jquery实时搜索回调函数

该插件使用正则表达式根据搜索输入对内容进行实时排序

我为搜索创建了几个按钮，如下所示：

    <input id="searchbox" type="text" class="searchFilter" onblur="if(this.value == '')this.value='Keyword(s)'" onfocus="this.value==this.defaultValue?this.value='':null" value="Keyword(s)" name="keyword">

        <a href="#" class="search-btn" data-search="text1 ">search 1</a>
        <a href="#" class="search-btn" data-search="intro ">search 2</a>
        <a href="#" class="search-reset">reset</a>

我想做的是，单击“Search 1”将一个名为“visible elements”的类附加到执行搜索和调用函数后可见的所有元素

这是一个很好的例子，说明了我试图在另一个搜索插件上实现的目标，但它展示了我试图实现的概念：

$('input#id_search').quicksearch('div.member', {
show: function () {
$(this).addClass('visible-elements');
 },
hide: function() {
$(this).removeClass('visible-elements');
},
onAfter: function() {
$container.isotope({ filter: 'visible-elements'});
}
});

问题是我不知道如何在我的实际结构中实现这一点，欢迎提出任何建议

下面是一个工作示例

这是测试

$('input#id_search').quicksearch('div.member', {
show: function () {
$(this).addClass('visible-elements');
 },
hide: function() {
$(this).removeClass('visible-elements');
},
onAfter: function() {
$container.isotope({ filter: 'visible-elements'});
}
});