javascript - Tablesorter 过滤器 HTML

Question

我正在使用tablesorter jquery 插件与这个出色的表格排序器搭配 filter插件。

其中一列仅包含 <img... title="">标签。当我尝试过滤时，什么也没发现。如何按标题属性中的文本进行过滤？

有趣的是，排序功能效果很好。

Answer 1

我无法让过滤器插件工作( broken demo )...每次我尝试搜索时都会出现 JavaScript 错误。所以，我会给你一个使用我的 fork of tablesorter 的解决方案相反:

缺少的是需要使用图像的自定义解析器。这实际上内置于 fork 版本中；但由于图像文本可以添加到许多地方(例如 title、alt 等)，因此有一个 imgAttr option可以设置为所需的属性( here is a demo )

$(function () {
    $('table').tablesorter({
        theme: 'blue',
        imgAttr: 'title',
        widgets: ['zebra', 'filter']
    });
});

如果您不希望每列都有过滤器，请查看 this demo其中显示了如何添加外部“所有”列搜索输入。