javascript - javascript中的交互式grep？

Question

我想制作一个页面，显示大约 20k 行，顶部有一个文本框，当我在文本框中输入内容时，它会将列表限制为包含我输入的字符串的列表。我没有 javascript 背景，所以我正在寻找一个简单的示例，我可以修改它以使其正常工作，有任何指示吗？

Answer 1

为此，您必须将每一行文本包装在适当的容器中，以便您可以隐藏/显示单独的行。

例如

<div class="hideables">
    <div>line 1</div>
    <div>line 2</div>
    ...
</div>

使用 jquery，你可以做类似的事情

$('.hideables div').each(function() {
    if ($(this).text().indexOf('yourstring') != -1) {
       $(this).show();
    } else {
       $(this).hide();
    }
});