0

我发现了这个很棒的列表过滤 jQuery 脚本并实现到我的简单ol li列表中。当您在搜索中键入内容时,它会从项目中搜索键入的字母li并隐藏lis. 完美运行!

但是,我将相同的脚本实现为更复杂的list. 唯一的区别是 HTML,我的wheredivs里面有额外的内容li,而另一个没有。当我在新的东西上搜索东西时,list它确实工作正常。当我删除搜索词时,它应该slideDown是所有原始li项目,但它没有。你们可以看看下面的小提琴并告诉我我做错了什么吗?

工作简单列表小提琴 不正常工作列表小提琴

我有一种感觉是下面的脚本

$(list).find("a:not(:Contains(" + filter + "))").parent().slideUp();
$(list).find("a:Contains(" + filter + ")").parent().slideDown();

我尝试了几种不同的方法,但都没有奏效。!

非常感谢。

4

1 回答 1

1

这应该有效。 http://jsfiddle.net/mpt8T/

$(list).find('li').each(function(){
    if ( $(this).text().indexOf(filter) >= 0 )
        $(this).slideDown();
    else
        $(this).slideUp();
});
于 2013-02-26T14:48:45.337 回答