jQuery Mobile：如何在用户过滤列表后获取可见项目

Question

我正在使用带有过滤器的列表视图，我希望在用户定义的过滤器之后立即获取可见项列表。

有没有办法做到这一点，最好是filterCallback实施？

Answer 1

更新：现在，当你在过滤器框中输入时，会返回可见的LI。

这是DEMO FIDDLE

滤出的项目隐藏了一个ui-screen-hidden类，因此您只需要选择所有没有该类的LI

$('#TheList li:not(.ui-screen-hidden)');

#TheList是我添加到UL的ID，因此jQuery仅在特定的UL内搜索，然后我们在UL中查找没有该类的所有LI。以下是Not选择器的API文档：http://api.jquery.com/not-selector/

要将更改作为用户类型捕获，请在页面上显示我将“input”事件添加到搜索框中。选择器在UL的容器div中找到jQM创建表单内的输入。

$('#page1').on("pageshow", function(){
    $('#searchContainer > form input').on("input", function(){    
        alert($('#TheList li:not(.ui-screen-hidden)').length);    
    });
});