Question

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

Answer 1

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

e.g。

<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();
    }
});

Answer 2

我对@Marc B的答案进行了一些调整，但它仍然不是很有效：

使用课程显示/隐藏项目
使用match而不是indexOf

以下是代码：http://jsfiddle.net/gTBFN/3/

javascript中的交互式grep？

2 个答案: