증분 정규식 필터링 도구

Question

나는 <a> 태그의 긴 목록을 가지고 있으며이를 통해 필터링하고 싶습니다. 즉, 일치하지 않는 항목을 제거하는 것입니다. 필자는 입력 필드의 텍스트 입력을 기준으로 필터링합니다. 정규식은 분명히 입력 필드와 일치하는 태그 내용을 검색 할 것이지만, 나는 그것을 더 아름답게 만드는 방법을 궁금해하며 적극적으로 구글의 검색 창처럼 목록을 필터링하는 요즘 않습니다. 상상, 키 기능을 정규식 기능을 트리거합니다.

내가 할 방법을 모르는 부분은 이것이다 :

[input field]ArI[/] 

목록 :

• ArIes 
• ArIstotle 

즉,이 목록 항목의 n 번째 문자를 확인 만드는 방법.

편집

이 내가 지금까지 가지고 있고, 그것이 작동하지 않는 것입니다.

$("input.CardName_Input").keyup(function() { 
    var getPhrase = $(".CardName_Input").val(); 

    new RegExp('^' + getPhrase + '.', 'i'); 

    $("#Results a").each(function() { 
     if (!($(this).val().match(RegExp))) { 
      $(this).addClass("HIDE"); 
     } 
    }) 
}); 

Answer 1

이 내가 지금까지 무엇을 가지고, 그것은 작동하지 않습니다.

코드는 new RegExp을 구성하지만 실제로는 아무 것도 수행하지 않습니다. 그런 다음 RegExp (함수)을 match에 전달합니다. 당신이 그것을 사용하고 전달할 수 있도록 변수에 정규 표현식을 할당해야 그match에 :

$("input.CardName_Input").keyup(function() 
{ 
    var getPhrase = $(".CardName_Input").val(), 
     re = new RegExp('^' + getPhrase + '.', 'i'); 

    $("#Results a").each(function() 
    { 
     var $this = $(this); 
     if (!$this.val().match(re)) $this.addClass("HIDE"); 
    }) 
}); 

N.B..CardName_Input에 특수 문자로 코드를 구분하지 않으려면 escape getPhrase이 필요합니다.

Answer 2

각 목록 항목 문자열의 시작 부분을 확인해야합니다.

그런 다음 표현식으로 /^Ar./i과 같은 것을 사용할 수 있습니까? 당신이 정규 표현식을 만들 수 귀하의 경우에는

동적 new RegExp('^' + searchString + '.', 'i')