Question

我有一张表，其中有20行。我有一个按钮，它隐藏了这些20行。我使用了一个类的jquery来隐藏和显示这10条记录。现在当我搜索例子 - “A”时，我从所有20行中获得搜索结果。理想情况下，它应该只搜索那些可见记录。我无法在任何文档中找到它。有没有人遇到同样的问题。请帮帮我。

 $("#mytableid").tablesorter({
        headers: {
            0: { sorter: false },
            5: { sorter: false },
            //6: { sorter: false },
            7: { sorter: false },
            8: { sorter: false }
        },
        // initialize zebra striping and filter widgets
        widgets: ["zebra", "filter"],

        ignoreCase: false,

        widgetOptions: {
            filter_columnFilters: true,
            filter_hideFilters: false,
            filter_searchDelay: 300,
            //filter_liveSearch: true,
            filter_ignoreCase: true
        }
    });

show hide逻辑位于

之下

$("tr td span.status-canceled").closest("tr").show();
$("tr td span.status-canceled").closest("tr").hide();

HTML中的表格

<table>
<tr style="display:none">
<td>some data 1</td>
</tr>
<tr style="display:none">
<td>some data 2</td>
</tr>
<tr style="display:none">
<td>some data 3</td>
</tr>
<tr style="display:none">
<td>some data 4</td>
</tr>
.
.
.
<tr>
<td>some data 5</td>
</tr>
<tr>
<td>some data 5</td>
</tr>
</table>

Answer 1

使用 visible 选择器

$( "tr:visible" ).length;

喜欢这个

$( "tr:visible" ).each(function() {
    $( this ).text();  // get text
});

如何在表分类器插件中禁用表行的隐藏搜索

1 个答案: