自定义 jQuery 过滤器需要优化

在下面的代码中，friendBlocks 有 800 多个项目，如下所示：

<div class='block'>
    <span class='title'>Some Name</span>
    <img src='some.img' />
</div>

我正在尝试用下面的代码过滤它们。它可以工作，但速度非常慢，有时会使浏览器崩溃。

friendBlocks = friendform.find('.block');
filterFriends = function(text) {
    friendBlocks.each(function() {
        var block;
        block = $(this);
        if (block.children('.title').text().toLowerCase().indexOf(text) >= 0) {
            block.show();
        } else {
            block.hide();
        }
    });
};

有什么方法可以优化这个并更有效地进行搜索吗？

不要实时对每个项目应用操作！克隆包含块 div 的节点，执行操作，然后替换原始 DOM。

像这样的东西（未经测试，只是示例）：

friendform   = $('#container').clone();
friendBlocks = friendform.find('.block');
filterFriends = function(text) {
    friendBlocks.each(function() {
        var block;
        block = $(this);
        if (block.children('.title').text().toLowerCase().indexOf(text) >= 0) {
            block.show();
        } else {
            block.hide();
        }
    });
};
$('#container').replaceWith(friendform);