jquery - 使用 tablesorter 过滤器小部件从表格单元格中排除子元素

Question

是否可以使用 tablesorter 过滤器小部件从表格单元格中排除子元素？

即，如果我Mia在过滤器框中输入，我只想显示第二行。但是过滤器小部件的默认行为是搜索表格单元格的所有内容，因此第 1 行也显示Mia在<div class="information">第 1 行中。

<table>
    <thead>
        <tr>
            <td>Name</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                John
                <div class="information">
                    He is 25 years old and has a sister called Mia
                </div>
            </td>
        </tr>
        <tr>
            <td>Mia</td>
        </tr>
    </tbody>
</table>

我$('table').tablesorter({ widgets: ['filter'] });用来启动tablesorter。

如果不可能，我必须将每个单元格的附加信息放在其他地方。

Answer 1

您可以将该textExtraction功能与filter_useParsedData选项 ( demo ) 结合使用：

$('table').tablesorter({
    theme: 'blue',
    textExtraction: {
        0: function (node) {
            return $(node).contents().filter(function () {
                return this.nodeType === 3;
            }).text();
        }
    },
    widgets: ['zebra', 'filter'],
    widgetOptions: {
        filter_useParsedData: true
    }
});