Question

首先，这是脚本的工作原理：jsfiddle

所以，我想让插件通过像“title”这样的属性搜索图像（缩略图）或其他东西。这是我的标记：http://jsfiddle.net/dynamyc/KqCP5/embedded/result/ 我不能让脚本搜索那些图像，我知道出了什么问题，也许我没有把正确的路径用于

'searchList'：'home_proj li'，

'searchItem'：'img'

以下代码将激活插件：

$(document).ready(function(){
    $('.searchFilter').simpleContentSearch({
        'active' : 'searchBoxActive',
        'normal' : 'searchBoxNormal',
        'searchList' : 'home_proj li',
        'searchItem' : 'img'
    });
});

'searchList'设置指定要搜索的内容。在这种情况下，它是可搜索的tr。最后，'searchItem'设置允许潜入并指定要搜索的单个元素。在这种情况下，我使用'td'。

希望你明白我想要实现的目标。

Answer 1

将'searchList'更改为'home_proj ul li' 并且'searchItem'到'a'似乎有效。

例如，尝试title="abc"并搜索“abc”

首先，'searchList'是您要过滤的DOM对象的常见类型。因此，在第二个标记中，当您要搜索<a>列表时，应将'searchList'设置为'jThumbnailScroller a'

其次，'searchItem'是您要搜索的DOM对象的一部分。这个插件的作用方式是它搜索DOM对象的html()，但是如果你想搜索<img>，它就不会工作，因为它的html()是空的。因此，如果您真的想要搜索<img>标题，则应将'searchItem'设置为'img'，并更改插件的此部分

if (!elem.html().match(new RegExp('.*?' + query + '.*?', 'i')))

到

if (!elem.attr('title').match(new RegExp('.*?' + query + '.*?', 'i')))

使用javascript进行简单内容搜索

1 个答案: