자바 스크립트에서 상호 작용하는 grep?

Question

나는 약 20k 줄과 위에있는 텍스트 상자를 보여줄 페이지를 만들고 싶다. 그리고 내가 텍스트 상자에 입력 할 때 입력 한 문자열이 들어있는 목록으로 제한 될 것이다. 나는 자바 스크립트 배경이 없으므로 포인터를 수정하기 위해 수정할 수있는 간단한 예제를 찾고있다.

Answer 1

처럼 뭔가를 할 수 있지만, 여전히 매우 확대됨 아니다 :

• 표시/숨기기 항목 클래스 사용
• indexOf 대신 일치 사용

코드는 다음과 같습니다. http://jsfiddle.net/gTBFN/3/

Answer 2

이 기능을 사용하려면 개별 컨테이너를 숨기거나 표시 할 수 있도록 텍스트의 각 줄을 적절한 컨테이너에 넣어야합니다.

jQuery로

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

, 당신은 내가 @Marc B의 대답 개조하면 되겠 어의 몇 가지를 만들어

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